Task Itinerary is a user-friendly task management application that helps users organize their daily tasks effectively. With its intuitive user interface and seamless functionality, users can easily add new tasks, mark tasks as completed, and delete tasks as needed.Built using modern web technologies such as React, Redux, and Tailwind CSS, this app offers a responsive and visually appealing experience across different devices and screen sizes.
- Add new tasks to the todo list.
- Mark tasks as completed or incomplete.
- Edit existing tasks.
- Delete tasks from the todo list.
- Store tasks persistently for each user using MongoDB.
- Due date validation to ensure tasks cannot have past due dates.
-
Frontend:
- React: A JavaScript library for building user interfaces.
- Redux: A predictable state container for managing application state.
- Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
- Axios: A promise-based HTTP client for making API requests.
- Material UI: A popular React UI framework with a comprehensive set of components.
-
Backend:
- Node.js: A JavaScript runtime built on Chrome's V8 JavaScript engine.
- Express: A minimal and flexible Node.js web application framework.
- MongoDB: A NoSQL database for storing user tasks.
- Mongoose: An ODM (Object Data Modeling) library for MongoDB and Node.js.
- Clone the repository:
git clone https://github.com/ShivamSikotra11/TodoList.git- Navigate to the project directory:
cd TodoList- Install dependencies:
npm installYou can also access the live demo of Task Itinerary here
- Start the development server:
npm run dev- Open your browser and visit http://localhost:5173 to view the app.