React ToDos App

This is a full to-do app that I created following a React tutorial.

The tutorial was divided into 11 parts. Refer to the corresponding branch for each part. The branch in bold is what I'm working on:

0: Setup
1: React basic concepts
2: Working with React form and handling events
3: Implement CSS in React app
4: Edit to dos items
5: Persisting React state in local storage

Since this was just about learning how to use the Local Storage in the browser, which I'm already familiar with, I decided to skip this part 5.

6: Getting started with React lifecycle methods
7: Getting started with React hooks
8: Use SVG icons in React
9: Routing with React Router

Unluckily for me, I couldn't complete the dynamic routing part. This tutorial was made using react-router-dom v5, while I'm using v6 and some things from v5 are done differently. Since I don't have enough time now, I'll leave it as it is and try to learn about dynamic routing using react-router-dom v6 in the future.

10: Add hamburger menu in React

Didn't style the about page for the same reasons as the dynamic routing part.

11: Deploying React app to Github Pages

Live Demo

Here is the link to the live version of this project: Live app

Getting Started

To get a local copy of this project running in development mode, do the following:

In your terminal, cd to the folder where you want to copy this project.
Still in your terminal, type git clone git@github.com:Kingjosh007/react-todos-app.git
Run cd react-todos-app
Run npm install and wait till the installation is complete.
Run npm start or yarn start
Open http://localhost:3000 to view it in the browser.