https://github.com/codzhorizon/todo-list-app

Todo List App (TodoER) made using react , vite And Tailwind CSS
https://github.com/codzhorizon/todo-list-app

dark-mode javascript localstorage react react-router responsive-ui tailwind todo-list-app vite webdev

Last synced: 2 months ago
JSON representation

Todo List App (TodoER) made using react , vite And Tailwind CSS

• Host: GitHub
• URL: https://github.com/codzhorizon/todo-list-app
• Owner: CodzHorizon
• Created: 2025-06-10T15:35:27.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-11T13:18:26.000Z (about 1 year ago)
• Last Synced: 2025-06-11T14:42:14.950Z (about 1 year ago)
• Topics: dark-mode, javascript, localstorage, react, react-router, responsive-ui, tailwind, todo-list-app, vite, webdev
• Language: JavaScript
• Homepage:
• Size: 52.7 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 📝 Todo List App

A modern, responsive, and minimalist To-Do List application built using **React** and **Vite**. This app helps users manage their daily tasks efficiently with features like task creation, editing, deletion, theme toggling, and multi-page routing.

---

## ✨ Features

- ✅ **Add Tasks** – Quickly add new tasks to stay organized.

- ✏️ **Edit Tasks** – Modify tasks with a single click.

- ❌ **Delete Tasks** – Remove completed or unnecessary items.

- 💾 **Local Storage** – Keeps your tasks saved between sessions.

- 🌙 **Dark Mode Toggle** – Switch between light and dark themes.

- 🧭 **Routing** – Navigate between **Home** and **About Me** pages.

- 📱 **Responsive UI** – Works smoothly on mobile, tablet, and desktop.

- ⚡ **Fast Performance** – Powered by Vite for lightning-fast development and builds.

---

## 📸 Screenshots

![image](https://github.com/user-attachments/assets/166ac9a5-7c54-4b2e-b951-c37c15205b5f)

### Mobile View

![image](https://github.com/user-attachments/assets/6b9baa7a-c4a7-472f-ba4a-36da7a2db260)

---

## 🧪 Built With

- React

- Tailwind CSS

- React Router DOM – For routing

- Vite

- uuid

- LocalStorage API

## 🚀 Getting Started

### Prerequisites

- Node.js v14 or higher

- npm (Node package manager)

### Installation

- **git clone https://github.com/CodzHorizon/Todo-List.git**

- **cd Todo-List**

- **npm install** 

- **npm run dev**

## 👨‍💻 Author

**Your Name**  

GitHub: [@CodzHorizon](https://github.com/CodzHorizon)

---

## ©️ Copyright

© 2025 CodzHorizon. All rights reserved.

This project is intended for educational and personal use only.