Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/alexandrbig1/react-todo-plus-ts

Todo Plus is a feature-rich todo list app built with React and TypeScript. Enjoy seamless task management with theme switching, local storage support, and real-time notifications. The project showcases modern UI design using Styled Components, making it an ideal choice for users seeking an efficient and intuitive task management solution.
https://github.com/alexandrbig1/react-todo-plus-ts

backend computerscience css3 frontend fullstack html-css-javascript html5 javascript js react react-toastify react-typescript reactjs softwareengineer styled-components ts typescript ux-ui-design webdesign webdevelopment

Last synced: 2 days ago
JSON representation

Todo Plus is a feature-rich todo list app built with React and TypeScript. Enjoy seamless task management with theme switching, local storage support, and real-time notifications. The project showcases modern UI design using Styled Components, making it an ideal choice for users seeking an efficient and intuitive task management solution.

Awesome Lists containing this project

README

        

# Todo Plus+

[![GitHub last commit](https://img.shields.io/github/last-commit/Alexandrbig1/react-todo-plus-ts)](https://github.com/Alexandrbig1/react-todo-plus-ts/commits/main)
[![GitHub license](https://img.shields.io/github/license/Alexandrbig1/react-todo-plus-ts)](https://github.com/Alexandrbig1/react-todo-plus-ts/blob/main/LICENSE)

Todo Plus+ is a modern todo list application built with React and TypeScript. Seamlessly manage your tasks with features such as adding and deleting todo items. Enhance your productivity by switching between light and dark themes. Todo Plus+ utilizes local storage to ensure your todo items persist even when you close the app. Experience a clean and intuitive interface, styled with Styled Components, and enjoy real-time notifications with React Toastify.

## Built With

- ![Alt text](https://img.shields.io/badge/React-61DAFB.svg?style=for-the-badge&logo=React&logoColor=black)
- ![Alt text](https://img.shields.io/badge/TypeScript-3178C6.svg?style=for-the-badge&logo=TypeScript&logoColor=white)
- ![Alt text](https://img.shields.io/badge/JavaScript-F7DF1E.svg?style=for-the-badge&logo=JavaScript&logoColor=black)
- ![Alt text](https://img.shields.io/badge/styledcomponents-DB7093.svg?style=for-the-badge&logo=styled-components&logoColor=white)
- ![Alt text](https://img.shields.io/badge/HTML5-E34F26.svg?style=for-the-badge&logo=HTML5&logoColor=white)
- ![Alt text](https://img.shields.io/badge/CSS3-1572B6.svg?style=for-the-badge&logo=CSS3&logoColor=white)

## Table of Contents

- [Features](#features)
- [Technologies](#technologies)
- [Screenshots](#screenshots)
- [Issues](#Issues)
- [License](#License)
- [Feedback](#Feedback)

## Features

- Add and delete todo items
- Switch between light and dark themes
- Local storage for persistent data

## Technologies

- React
- TypeScript
- Styled Components
- Local Storage
- React Icons
- React Toastify

## Project Preview

### Screenshots:

![React Todo Plus TypeScript](./public/images/ts1.jpg)
_Caption for Screenshot 1 (Light Theme)_

![React Todo Plus TypeScript](./public/images/ts2.jpg)
_Caption for Screenshot 2 (Dark Theme)_

## Issues

If you encounter any issues or have suggestions, please [open an issue](https://github.com/Alexandrbig1/react-todo-plus-ts/issues).

## License

This project is licensed under the [MIT License](LICENSE).

## Feedback:

I welcome feedback and suggestions from users to improve the application's functionality and user experience.

## Languages and Tools:



HTML5
CSS3
JavaScript
TypeScript
react
Styled Components
git

## Connect with me:



linkedin


github


Discord


stackoverflow


dribbble


behance


Upwork