This is a simple Todo web application built using React, TypeScript, and Vite. It allows users to create, manage, and complete tasks in a convenient and organized manner.
- Attention!
!By changing the localStorageFlag at
!src\Context\AuthContext.tsx
!you can switch between localstorage and API based fetching.
- Create new tasks with a title and optional description
- Mark tasks as completed or active
- Filter tasks by status (all, active, completed)
- Edit task titles and descriptions
- Delete tasks individually or all at once
- User-friendly interface with a clean and intuitive design
- React: A JavaScript library for building user interfaces
- TypeScript: A typed superset of JavaScript that adds static typing
- Vite: A fast and lightweight build tool for modern web applications
- Clone the repository:
git clone https://github.com/your-username/todo-web-app.git
- Navigate to the project directory:
cd todo-web-/Frontend
- Install the dependencies:
npm install
- Start the development server:
npm run dev
- Add a new task: Enter a title and an optional description in the input fields at the top of the page, then press Enter or click the "Add" button.
- Mark a task as completed: Click the checkbox next to the task.
- Delete a task: Click the cross icon next to the task.
- Filter tasks: Click the bottom of the list to filter tasks by status (all, active, completed).
Contributions are welcome! If you find any issues or would like to suggest enhancements, please open an issue or submit a pull request.
This project is licensed under the MIT License.