Todo App 📋

A simple web application for managing tasks, which works entirely in the browser.
A straightforward and convenient way to track your tasks with the ability to save progress in localStorage. All data remains in your browser, and no server-side is required.

Mobile in dark mode with empty list

Tablet in light with some tasks

🚀 Installation and Setup

1. Clone the repository:

   git clone https://github.com/darkdomian/todo.git todo-app

2. Navigate to the project directory:

   cd todo-app

3. Install dependencies:

   npm install

4. Start the app:

   npm start

After this, the app will be available at http://localhost:3000.

🔧 Technologies

This project was built using the following technologies:

• React (for building the UI)
• TypeScript (for type safety)
• Material UI (for stylish and convenient components)
• localStorage (for storing data in the browser)

🎨 Interface Description

• A field to add a new task.
• A task list with the option to filter tasks: all tasks, incomplete tasks, completed tasks.
• A button to remove completed tasks.

Important feature: All data is stored in the browser using localStorage, meaning it never leaves your computer and is not sent to any server.

🌗 Light and Dark Themes

The app supports light and dark themes, which automatically switch based on your operating system's settings.

🤝 Contributions

This project is open for contributions! If you have any suggestions for improvements or bug fixes, feel free to open issues or create pull requests.

🙏 Acknowledgments

I would like to express special thanks to my mentors for their support and valuable advice during the development process. Without your help, the project wouldn’t be what it is today!

• altimho
• edomozh

📄 License

This project is licensed under the CC BY-NC 4.0.