This is a simple Task Management App built using React, Vite, Tailwind CSS, and Supabase as the backend for storing and managing tasks. This app allows users to add, update, delete, and manage tasks efficiently, making task management easier.
- π Task Creation: Add new tasks with details such as name and description.
- β Mark Tasks Complete: Update tasks as completed or incomplete.
- ποΈ Delete Tasks: Remove tasks that are no longer needed.
- πΌοΈ Image Upload: Upload images related to tasks (powered by Supabase).
- π Backend: Use Supabase for storing tasks in the cloud.
- π¨ Tailwind CSS: Modern UI design.
- Frontend: React, Vite, Tailwind CSS
- Backend: Supabase (PostgreSQL)
- Deployment: (You can specify Netlify, Vercel, etc., if applicable)
-
Clone the repository:
git clone https://github.com/ImranParthiib/Task-Management-App.git cd Task-Management-App
-
Install dependencies:
npm install
-
Set up your environment variables. Create a
.env
file in the root of the project:VITE_SUPABASE_URL=your_supabase_url VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
-
Start the development server:
npm run dev
- Create a task by entering task details and clicking "Add Task."
- Mark tasks as complete or incomplete using the toggle button.
- Delete tasks if they are no longer needed.
- Upload images (if required) while creating tasks.
.
βββ public/ # Static assets
βββ src/
β βββ assets/ # Project images and media
β βββ components/ # Reusable React components
β βββ pages/ # Application pages
β βββ App.jsx # Main App component
β βββ index.jsx # Entry point
βββ .env # Environment variables
βββ .gitignore # Files to ignore in version control
βββ README.md # Project documentation
βββ package.json # Project metadata and dependencies
- React: Frontend framework
- Vite: Fast build tool for React
- Tailwind CSS: Utility-first CSS framework
- Supabase: Backend as a service for database and authentication
-
Fork the repo and create your branch:
git checkout -b feature/AmazingFeature
-
Commit your changes:
git commit -m "Add some AmazingFeature"
-
Push to the branch:
git push origin feature/AmazingFeature
-
Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.