Skip to main content

React-todo-list:
Setup

image for Setup

Install Vite

  1. Run npm create vite@latest . (The . (period) will create the project inside whatever folder you are currently in).
  2. Use the arrow key to select the React framework.
  3. Choose Javascript language.
  4. Run npm i to install all dependencies.
  5. Next, run npm run dev to start the application.

Manage Directories

Delete the following directories:

  • public
  • src/assets

Manage Files

Delete the following files:

  • src/index.css
  • src/app.css

Create the following files:

  • src/NewTodoForm.jsx
  • src/TodoList.jsx
  • src/TodoItem.jsx
  • src/styles.css