Todo List App with MUI Front End

 

Setting Up a React Todo App

1. Create a new CRA project called react-todo:

npx create-react-app react-todo

2. Install Dependencies:

cd react-todo
npm install @mui/joy @emotion/react @emotion/styled
npm install react-router-dom
npm install react-bootstrap bootstrap

3. Create a GitHub repository named react-todo on GitHub

Create a new repository at github.com with the name "react-todo"

4. Push commits from local files:

git init
git add .
git commit -m "docs: first commit"
git branch -M main
git remote add origin https://github.com/krashautomation/react-todo.git
git push -u origin main

Now your React Todo app is set up with all dependencies and connected to GitHub!