TodoList is a personal project designed to enhance JavaScript and TypeScript skills, with a special focus on exploring different programming paradigms: Functional, Object-Oriented, and Procedural programming. This web application allows users to manage their tasks efficiently, providing a practical platform to understand and apply these paradigms in real-world scenarios.
- Add Tasks: Quickly add new tasks to your list with just a few clicks.
- Edit Tasks: Modify your tasks on the fly without any hassle.
- Delete Tasks: Remove any task from your list with a single action.
- Task Status: Mark tasks as done directly from the list.
- Local Storage: Your tasks are saved in your browser's local storage, ensuring they're always available.
- Responsive Design: Enjoy using TodoList on any device, with a clean and intuitive interface.
- A modern web browser (Chrome, Firefox, Safari, etc.)
- Clone the repository:
git clone https://github.com/ItsPinion/TodoList.git
- Navigate to the project directory:
cd TodoList
- Install the dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and go to
http://localhost:5000
to see the application in action.
To build the application for production, run:
npm run build
This will create a dist
directory with the production-ready files.
- Add a Task: Type your task into the input field and press "Submit". Your task will appear in the list below.
- Edit a Task: Click on the "Edit" button next to the task you want to modify. You'll be prompted to enter a new task name.
- Delete a Task: Click on the "Delete" button next to the task you want to remove.
- Mark a Task as Done: Click on the task text to toggle its completion status.
Contributions are welcome! Please feel free to submit a pull request or open an issue if you find any bugs or have suggestions for improvements.
This project is licensed under the MIT License. See the LICENSE file for details.
Check out the live demo of TodoList at https://todolist-itspinion.vercel.app/.