Skip to content

Tochange143/Todolist

Repository files navigation

📝 TodoList App

A sleek, modern Todo List application built with React, Redux Toolkit, and Tailwind CSS.

Effortlessly add, edit, delete, and toggle your tasks with an intuitive UI and smooth user experience. 💻✨


ScreenShot

Todo App Screenshot Add item


🚀 Features

  • Add new todos with unique IDs
  • ✏️ Edit tasks inline (double-click or click the ✎ icon)
  • 🗑️ Delete todos with a click
  • ☑️ Toggle completion status using a checkbox
  • 🎨 Visual feedback with line-through and color transition on completion
  • 📱 Responsive UI using Tailwind CSS
  • State management with Redux Toolkit for speed & scalability

💻 Tech Stack

  • ⚛️ React (with Hooks)
  • 🧠 Redux Toolkit for state management
  • 🎨 Tailwind CSS for utility-first styling
  • React Icons for minimal SVG icons
  • 🆔 nanoid for unique ID generation

Installation Steps

# 1. Clone the repo
git clone https://github.com/Tochage143/Todolist.git
cd todolist-app

# 2. Install dependencies
npm install

# 3. Start development server
npm start

Then visit 👉 http://localhost:3000 to see the app in action!

🙋‍♂️ Author

Tochage143GitHub Profile
💬 Feel free to reach out if you wanna collab, contribute, or just chat about cool projects!

About

No description or website provided.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors