Task Manager with React + Vite

This project is a simple task manager application built with React and Vite. It allows users to add, view, and manage tasks.

This project's development is instructed by Felipe Rocha in his YouTube channel's video Curso de React para Completos Iniciantes [2024].

Features

• Add new tasks with a title and description
• Mark tasks as completed
• Delete tasks
• View task details
• Persistent storage using localStorage
• Responsive design with Tailwind CSS

Project Structure

.
├── .gitignore
├── eslint.config.js
├── index.html
├── package.json
├── public/
├── README.md
├── src/
│   ├── App.css
│   ├── App.jsx
│   ├── assets/
│   ├── components/
│   │   ├── AddTask.jsx
│   │   ├── Button.jsx
│   │   ├── Input.jsx
│   │   ├── Tasks.jsx
│   │   ├── Title.jsx
│   ├── index.css
│   ├── main.jsx
│   ├── pages/
│   │   ├── TaskPage.jsx
│   ├── styles.css
├── vite.config.js

Installation

1. Clone the repository:

   git clone https://github.com/sabrinmoura/curso-react-yt
   cd <repository-directory>

2. Install dependencies:

   npm install

Development

To start the development server with hot module replacement:

npm run dev

Build

To build the project for production:

npm run build

Preview

To preview the production build:

npm run preview

Linting

To run ESLint:

npm run lint

Dependencies

• React
• Vite
• React Router
• Tailwind CSS
• UUID
• Lucide React

ESLint Configuration

The project uses ESLint with the following plugins:

• eslint-plugin-react
• eslint-plugin-react-hooks
• eslint-plugin-react-refresh