Add new todo items Mark todo items as complete Delete todo items Edit existing todo items Responsive UI
To get a local copy up and running, follow these simple steps:
Make sure you have the following installed on your machine: • Node.js • npm (Node Package Manager) • MongoDB
Clone the repository: git clone https://github.com/Collinswarui/TodoList.git
Install NPM packages on the root folder: npm install
Create a .env file in the root directory and add the following content:
start the server npm run start
Navigate to the frontend directory: cd client
Install NPM packages: npm install
Start the frontend development server: npm run dev
The application should now be running at http://localhost:5173/ fot the frontend and http://localhost:3000/ for the backend
Click the + button at the bottom right of the screen to open the popup, enter your todo, and click "Add Task".
Click on the todo item to mark it as complete.
Click the pen icon on the right of a todo item to open the edit popup, change the text, and click "Update Task".
Click the x button on the right of a todo item to delete it.