Skip to content

Latest commit

 

History

History
67 lines (45 loc) · 1.5 KB

README.md

File metadata and controls

67 lines (45 loc) · 1.5 KB

React Task List

This is a simple task list application built with React. It allows users to add, view, and delete tasks.

Libraries Used

  • React: A JavaScript library for building user interfaces.
  • React Router DOM: For routing between different pages.
  • UUID: For generating unique IDs for tasks.
  • Tailwind CSS: For styling the application.
  • Lucide React: For using icons in the application.
  • Vite: For building and serving the application.

How to Run

  1. Clone the repository:

    git clone https://github.com/jv26tech/react-tarefas.git
    cd react-tarefas
  2. Install dependencies:

    npm install
  3. Run the development server:

    npm run dev
  4. Build the project:

    npm run build
  5. Preview the production build:

    npm run preview

Project Structure

Components

  • App: The main component that holds the state and renders other components.
  • AddTask: A component for adding new tasks.
  • Button: A reusable button component.
  • Input: A reusable input component.
  • Tasks: A component that displays the list of tasks.
  • Title: A component for displaying titles.

Pages

  • TaskPage: A page for displaying task details.

Styling

The application uses Tailwind CSS for styling. The configuration can be found in tailwind.config.js.

ESLint Configuration

The project uses ESLint for linting. The configuration can be found in eslint.config.js.