React Project Task Manager

This project is a simple task and project management app built with React, styled using Tailwind CSS, and bundled with Vite.

Features

• Create, view, and delete projects
• Add and remove tasks for each project
• Modal-based validation for project creation
• Sidebar navigation for project selection
• Responsive and modern UI

Project Structure

index.html
package.json
postcss.config.js
tailwind.config.js
vite.config.js
public/
src/
  App.jsx
  index.css
  main.jsx
  assets/
  components/
    Button.jsx
    CreateProject.jsx
    Input.jsx
    Modal.jsx
    NewProject.jsx
    NewTask.jsx
    NoProjectSelected.jsx
    ProjectsSidebar.jsx
    ProjectTasks.jsx
    SelectedProject.jsx
    Sidebar.jsx
    Tasks.jsx
    ViewProject.jsx

Main Components

• CreateProject.jsx: Modal form for adding new projects with validation.
• ProjectTasks.jsx: Displays and manages tasks for a selected project.
• Sidebar.jsx: Lists all projects and allows selection or creation.
• ViewProject.jsx: Shows project details and associated tasks.

Getting Started

1. Install dependencies:

   npm install

2. Start the development server:

   npm run dev

3. Open your browser at http://localhost:5173 (default Vite port).

Tech Stack

• React 19
• Tailwind CSS
• Vite
• ESLint (with React plugin)

License

MIT