Skip to content

khianvictorycalderon/ITP-WebDev-ToDoList

Repository files navigation

📌 To-Do List App

A simple, responsive, and user-friendly To-Do List application built with React & TypeScript. This app allows users to add, manage, and persist tasks using localStorage.

🚀 Features

  • Persistent Tasks – Tasks remain saved even after browser refresh.
  • 🎨 User-friendly Interface – Simple and intuitive UI for easy task management.
  • 📱 Mobile Responsive – Works seamlessly on all screen sizes.
  • 🎭 Task Management – Add, mark as done, delete individual tasks, or clear all.
  • 🛠 Bootstrap for Styling – Pre-styled with Bootstrap for a clean look.

🛠 Technologies Used

  • React – Frontend framework
  • TypeScript – Strongly typed JavaScript
  • Bootstrap – Styling
  • LocalStorage – Task persistence

📥 Installation & Setup

  1. Clone the repository:
    git clone https://github.com/your-username/todo-list-app.git
    cd todo-list-app
  2. Install dependencies:
    npm install
  3. Start the development server:
    npm run dev
  4. Open your browser and go to:
    http://localhost:5173
    

🎯 How to Use

  1. Add a Task – Enter a title and description, then click "Add Task."
  2. Mark as Done – Click "Mark as Done" to complete a task.
  3. Delete Tasks – Remove individual tasks or clear all with one click.
  4. Task Persistence – Refresh the page, and your tasks remain saved.

🏗 Future Enhancements

  • 📝 Edit Task Feature – Modify existing tasks.
  • 🎨 Dark Mode – Toggle between light and dark themes.
  • 📌 Drag & Drop Reordering – Organize tasks visually.
  • 🔔 Task Notifications – Reminders for pending tasks.

📜 License

This project is licensed under the MIT License.

🙌 Contributing

Contributions are welcome! Feel free to submit issues or pull requests.

📞 Contact

Created by Khian Victory D. Calderon
GitHub: @itzzmerov


🚀 Happy Coding!