# Trybe-x Week 4 Assessment: React To-Do App

This is a responsive React to-do app built with Vite for the Trybe-x week 4 assessment. It allows users to:

• Add new tasks
• Delete tasks
• Mark tasks as completed/pending
• Filter tasks by "All," "Completed," or "Pending"

Features:

• Local Storage: Saves tasks persistently in the browser's local storage.
• Responsiveness: Adapts to different screen sizes for optimal user experience.
• Filters: Allows you to focus on specific task categories.
• Clean and Simple UI: Provides a user-friendly interface for managing your tasks.
• Built with Vite: Leverages Vite's fast build and development environment.

Technologies Used:

• React
• Vite
• Local Storage
• CSS

Running the App:

1. Clone this repository.
2. Install dependencies: npm install (or yarn install)
3. Start the development server: npm run dev (or yarn dev)
4. Open http://localhost:5173 (or your assigned development port) in your browser.

Adding New Tasks:

1. Enter your task description in the input field.
2. Click the "Add" button or press Enter.

Deleting Tasks:

1. Click the trash icon/button next to the task you want to remove.

Marking Tasks as Completed/Pending:

1. Click the checkbox next to the task to toggle its completion status.

Filtering Tasks:

1. Use the filter buttons ("All," "Completed," or "Pending") to display specific task lists.

Contributing: I h'd like to encourage contributions to this repo. Feel free to fork it or clone it.

License: MIT

Disclaimer:

This project is for educational purposes only. There may be bugs or areas for improvement. Feel free to fork the repository and contribute your enhancements.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh