Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/tuanductran/todo-list-vite

A user-friendly and responsive Todo List web application developed using React and Vite.
https://github.com/tuanductran/todo-list-vite

cloudflare-pages react tailwind todo vite

Last synced: 2 months ago
JSON representation

A user-friendly and responsive Todo List web application developed using React and Vite.

Awesome Lists containing this project

README

        

# Todo List Vite

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Ftuanductran%2Ftodo-list-vite&count_bg=%23FC2350&title_bg=%23555555&icon=react.svg&icon_color=%23E7E7E7&title=HITS&edge_flat=false)](https://hits.seeyoufarm.com)
[![Lint](https://github.com/tuanductran/todo-list-vite/actions/workflows/lint.yml/badge.svg)](https://github.com/tuanductran/todo-list-vite/actions/workflows/lint.yml)

![Todo List Vite](https://todo-list-vite-eight.vercel.app/IMG_0765.png)

Welcome to the Todo List Vite, a user-friendly and responsive web application for managing your tasks. This project is developed using React and Vite, incorporating modern technologies such as Tailwind CSS for styling, SWR for efficient data fetching, and sonner for notifications.

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Ftuanductran%2Ftodo-list-vite)

## Key Features

- **Easy Task Addition:** Effortlessly add new tasks to your list, optimizing your workflow.
- **Real-time Data Fetching:** Utilize SWR for efficient data fetching and caching, ensuring a smooth user experience.
- **Responsive Design:** Enjoy a responsive design crafted with Tailwind CSS, making the app accessible across multiple devices.
- **Convenient Notifications:** Stay updated with convenient notifications powered by sonner.

## Getting Started

### 1. Clone the Repository

```sh
git clone https://github.com/tuanductran/todo-list-vite.git
```

### 2. Install Dependencies

```sh
pnpm install
```

### 3. Run the Development Server

```sh
pnpm dev
```

### 4. Open your browser and navigate to

```sh
http://localhost:5173
```

## Contributions

Feel free to contribute to this project by opening issues or submitting pull requests. Your feedback and suggestions are highly appreciated.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

Enhance your task management with the Todo List application developed with React Vite. Simplify your planning and organization while enjoying a modern and efficient user experience.