# Todo List App ✅

👉 Live Demo 👈

📌 About The Project

A sleek and efficient todo list application built with React. Users can manage their daily tasks with a simple, intuitive interface featuring real-time updates and smooth interactions.

✨ Key Features

• ➕ Create new tasks easily
• ✏️ Edit existing tasks
• 🗑️ Delete tasks with one click
• 📱 Responsive and mobile-friendly
• 🎨 Clean and modern UI

🛠️ Built With

• React
• React Icons
• CSS3

🚀 Getting Started

# Clone the repository
git clone https://github.com/caneryesiltas/todo-list.git

# Navigate to project directory
cd todo-list

# Install dependencies
npm install

# Start the development server
npm start

💻 Project Structure

src/ ├── components/ │ ├── Todo.jsx
│ ├── TodoCreate.jsx
│ └── TodoList.jsx
├── helper/
├── pages/
├── styles/ │ └── App.css
├── App.js
└── index.js

🔍 Core Functionality

• Task Management: Create, edit, and delete tasks
• Input Validation: Prevent empty task creation
• Real-time Updates: Instant UI refresh on changes

🎯 Component Details

TodoForm Component

• Clean input interface
• Submit validation
• Clear input after submission

TodoList Component

• Task display
• Edit/Delete options
• Completion status toggle

📱 Responsive Design

• Mobile-first approach
• Flexible layout system
• Touch-friendly interface
• Clean visual hierarchy

🤝 Contributing

Contributions make the open source community an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

📄 License

Distributed under the MIT License. See LICENSE for more information.

📫 Contact

Caner Yesiltas - [email protected]

Project Link: https://todo-list-psi-ecru.vercel.app/

Made with ✅ by Caner Yesiltas