https://github.com/userthinking/todo
A responsive Todo app built with React, Context API, and Tailwind CSS featuring full CRUD operations and localStorage persistence.
https://github.com/userthinking/todo
context-api crud hooks javascript localstorage project reactjs tailwindcss todo-app
Last synced: 2 months ago
JSON representation
A responsive Todo app built with React, Context API, and Tailwind CSS featuring full CRUD operations and localStorage persistence.
- Host: GitHub
- URL: https://github.com/userthinking/todo
- Owner: userthinking
- Created: 2025-07-13T21:03:04.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-07-13T21:44:07.000Z (11 months ago)
- Last Synced: 2025-09-04T07:46:04.799Z (10 months ago)
- Topics: context-api, crud, hooks, javascript, localstorage, project, reactjs, tailwindcss, todo-app
- Language: JavaScript
- Homepage: https://todothat.vercel.app
- Size: 36.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo App
A responsive Todo application built with modern web technologies, featuring full Create, Read, Update, and Delete (CRUD) operations and persistent storage using your browser's local storage.
## ✨ Features
* **Responsive Design:** Optimized for various screen sizes, ensuring a seamless experience on desktop and mobile devices.
* **CRUD Operations:** Easily add, view, modify, and remove your tasks.
* **Local Storage Persistence:** Your todo list is saved directly in your browser, so your tasks are preserved even if you close and reopen the application.
* **Intuitive User Interface:** A clean and straightforward design for efficient task management.
## 🚀 Technologies Used
This project is built with:
* **React:** A JavaScript library for building user interfaces.
* **Context API:** For efficient state management across components without prop drilling.
* **Tailwind CSS:** A utility-first CSS framework for rapidly building custom designs.
* **Vite:** A fast build tool that provides a lightning-fast development experience.
## 🌐 Live Demo
You can try out the live application here: [TodoThat Vercel App](https://todothat.vercel.app)
## 📦 Getting Started
To get a local copy up and running, follow these simple steps.
### Prerequisites
Make sure you have Node.js and npm (or yarn) installed on your machine.
* Node.js (LTS version recommended)
* npm (usually comes with Node.js) or Yarn
### Installation
1. Clone the repository:
```bash
git clone [https://github.com/userthinking/todo.git](https://github.com/userthinking/todo.git)
```
2. Navigate into the project directory:
```bash
cd todo
```
3. Install the dependencies:
```bash
npm install
# or
yarn install
```
### Running the Application
To start the development server:
```bash
npm run dev
# or
yarn dev