Skip to content

Todo application built using ReactJS, NodeJS, ExpressJS, MongoDB, and Tailwind CSS.

Notifications You must be signed in to change notification settings

SamhithMR/react-todo-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DoiT

DoiT is a full-stack application built using NodeJS, ReactJS, ExpressJS, and MongoDB. It allows users to create, read, update, and delete tasks and todos.

Deployed Link

The application is currently deployed on Netlify. You can access it through this link: https://samhith40.netlify.app

Features

DoiT has the following features:

  • Create, read, update, and delete to-dos
  • Create, read, update, and delete tasks within each to-do
  • State management with Zustand
  • API built with Node.js and Express.js
  • Database management with MongoDB and Mongoose

Testing with Postman

We recommend testing the API endpoints with Postman. You can find the Postman collection with name `todo.postman_collections.json . Simply import the collection into Postman and start testing the endpoints.

Screenshots

DoiT Todo Application DoiT Todo Application

Installaion

  1. Clone the repository: https://github.com/SamhithMR/react-todo-app
  2. Navigate to the project directory: cd your-repo
  3. Install dependencies: npm install
  4. Start the development server: npm run dev
  5. start the client application: npm start
  6. Open the application in your browser at http://localhost:3000

Usage

  1. Add a new todo by clicking the "Add Todo" button and entering a name for the todo in the input field that appears.
  2. Add a new task to a todo by clicking the "Add Task" button next to the todo and entering a task description in the input field that appears.
  3. Edit a todo by clicking the "Edit" button next to the todo and entering a new name for the todo in the input field that appears.
  4. Delete a todo by clicking the "Delete" button next to the todo.
  5. Delete a task from a todo by clicking the "-" button next to the task.

About

Todo application built using ReactJS, NodeJS, ExpressJS, MongoDB, and Tailwind CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published