How to build and deploy a React app to Github pages in less than 5 minutes

If you’re new to the react domain, my previous article on Getting Started with React is highly recommended.

Learn React by building a To-Do App — React Functionalities Explained

In this article, we are building a Personal Advisor React App which gives genuine life advice to keep us motivated amidst the chaos and deploy it to Github pages for making a great website out of it.

Prerequisite:

• Github account and git installed
• Node.js and npm installed in your machine(Node 8.10.0 or later versions are accepted)

Fork the following GitHub repo to get the project files: https://github.com/AnjaliSharma1234/Personal-Advisor-React-App.

AnjaliSharma1234/Personal-Advisor-React-App

Getting Started

Skip these steps and move to the deployment section if you’ve already built the React app

Step1: Create the React app: npx create-react-app your-app-name

Step2: Go to the project repo: cd your-app-name

Step3: Copy the src and public folder from the following repo https://github.com/AnjaliSharma1234/Personal-Advisor-React-App(You can customize the files according to your preferences) and substitute them in the your-app-name folder.

Step4: Run your application: npm start

You can now see the app running in the localhost browser popup like this:

Localhost browser window popup after running the application

Congratulations, you’ve created your react app, let’s move to deployment for building a website out of it.

Deployment