How I Built My First Electron App & You Can Too Pt.4 – Adding Timer & Notification

How I Built My First Electron App & You Can Too Pt.4
Reading Time: 10 minutes

Building an electron app is so easy anyone can do it! All you need is just an idea. Then, this mini series will show you how to take your idea and build your first electron app, step-by-step. In this part, our goal will be creating, and then implementing, Timer component with a simple notification for our Grease the Groove electron app. Without further ado, let’s begin … and have some fun! Continue reading “How I Built My First Electron App & You Can Too Pt.4 – Adding Timer & Notification”

How I Built My First Electron App & You Can Too Pt.3 – Unleashing the Electron

How I Built My First Electron App & You Can Too Pt.3 – Unleashing the Electron
Reading Time: 10 minutes

Building an electron app doesn’t have to be hard. It can be actually easy. In this mini series we will take a look at how to do it, step-by-step. In this part, we will put together the code that will power up our electron app. Then, we will create the first and also the main React component for our app with a simple UI. With that, we will finally have the chance to run our electron app and see the results of our work. So, without further ado, let’s begin! Continue reading “How I Built My First Electron App & You Can Too Pt.3 – Unleashing the Electron”

How I Built My First Electron App & You Can Too Pt.2 – Preparing the Workflow

How I Built My First Electron App & You Can Too Pt2
Reading Time: 9 minutes

So, you want to build your own electron app? Do you have some interesting idea in mind, or just want to learn how to do it? You are on the right place! This mini series will help you learn all you need to achieve both. Today, in this part, our main goal and focus will be setting up the workflow for building our electron app. We will start with installing necessary dependencies and devDependencies. Then, we will set up npm scripts. Finally, we will end this part by preparing configs for Webpack. Now, let’s begin! Continue reading “How I Built My First Electron App & You Can Too Pt.2 – Preparing the Workflow”

How I Built My First Electron App & You Can Too Pt.1 – Problem, Idea & Tech Stack

How I Built My First @Electron App & You Can Too Pt.1
Reading Time: 9 minutes

Have you ever though about building your own electron app? Maybe you have an idea you want to realize. Or, maybe you have a problem nobody else is solving. Or, you are just curious and want to learn how to build an electron app. Maybe all of these reasons. This is exactly what we are going to do, build our own electron app from scratch. In this part, we will start with the problem we want to solve. Then, we will outline the idea for our app. Then, we will decide what tech stack will we use. So, without further ado, let’s begin our journey into the World of electron. Continue reading “How I Built My First Electron App & You Can Too Pt.1 – Problem, Idea & Tech Stack”

How to Build a Website with React, React Router & Styled-Components Pt.3

How to Build a Website with React, React Router & Styled-Components Pt.3
Reading Time: 12 minutes

React gained a lot of popularity. We can say that it became probably the most popular JavaScript library for building user interfaces. Its flexibility allows us to create anything we want, from apps, to websites. This tutorial is about the second. Its goal is to show you how to use React, react-router and styled-components to build your own simple website. In this final part, we will create the rest of the pages and finish our React website. Let’s begin! Continue reading “How to Build a Website with React, React Router & Styled-Components Pt.3”

How to Build a Website with React, React Router & Styled-Components Pt.2

How to Build a Website with React, React Router & Styled-Components Pt.2
Reading Time: 10 minutes

Have you ever though about building a website with React, React-router and styled-components? Then, this tutorial is right for you. In this second, we will start by creating responsive navigation, playing with React state, and creating a few more React components. We will also use some handy helpers from styled-components. And, at the very end, we will create the first page for our React website. So, dust off your knowledge of React and styled-components and get ready. Our adventure into the world of React continues. Continue reading “How to Build a Website with React, React Router & Styled-Components Pt.2”