https://github.com/chitra35006/as-11-task
This task management application enables users to efficiently organize their tasks with drag-and-drop functionality. It features three categories: To-Do, In Progress, and Done. Users can add tasks to any category, drag tasks between categories, and also edit or delete them as needed.
https://github.com/chitra35006/as-11-task
daisy-ui expressjs firebase-auth mongodb nodejs react-router reactjs tailwindcss
Last synced: 3 months ago
JSON representation
This task management application enables users to efficiently organize their tasks with drag-and-drop functionality. It features three categories: To-Do, In Progress, and Done. Users can add tasks to any category, drag tasks between categories, and also edit or delete them as needed.
- Host: GitHub
- URL: https://github.com/chitra35006/as-11-task
- Owner: Chitra35006
- Created: 2025-02-22T03:52:53.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-25T12:16:06.000Z (over 1 year ago)
- Last Synced: 2025-06-13T07:02:22.361Z (about 1 year ago)
- Topics: daisy-ui, expressjs, firebase-auth, mongodb, nodejs, react-router, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://as-to-do-task.web.app/
- Size: 159 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Name: Task Flow [A Drug Drop Platform]
## :::Description:::
This task management application enables users to efficiently organize their tasks with drag-and-drop functionality. It features three categories: To-Do, In Progress, and Done. Users can add tasks to any category, drag tasks between categories, and also edit or delete them as needed.
## :::Project Features:::
1. **User Friendly Interactivity**
2. **Responsive Design**
3. **Firebase Authentication**
4. **Google Sign In
5. **Task categorization (To-Do, In Progress, Done)
6. **Task Edit & Delete Features
7. **Drak Theme
::: Technologies Used :::
Category
Technologies
Frontend
React.js, TailwindCSS, Daisy UI
Backend
Node.js, Express.js
Database
MongoDB
Authentication
Firebase Authentication
Hosting
Client (Firebase), Server (Vercel)
::: Dependencies :::
- @react-forked/dnd: ^15.0.0
- @tailwindcss/vite: ^4.0.8
- @tanstack/react-query: ^5.66.9
- axios: ^1.7.9
- firebase: ^11.3.1
- framer-motion: ^12.4.7
- localforage: ^1.10.0
- lottie-react: ^2.4.1
- match-sorter: ^8.0.0
- moment: ^2.30.1
- mongodb: ^6.13.1
- react: ^18.3.1
- react-dom: ^18.3.1
- react-fast-marquee: ^1.6.5
- react-hook-form: ^7.54.2
- react-hot-toast: ^2.5.2
- react-icons: ^5.5.0
- react-lottie: ^1.2.10
- react-router-dom: ^7.2.0
- react-toastify: ^11.0.3
- sort-by: ^1.2.0
- swapy: ^1.0.5
- sweetalert2: ^11.17.2
## ::: Live Link :::
https://as-to-do-task.web.app/
# 🛠Setup Instructions
Follow these steps to clone the repository, install dependencies, and run the project on your local machine.
## 1. **Clone the Repository**
Start by cloning the repository to your local machine and navigating into the project directory:
```bash
git clone https://github.com/Chitra35006/AS-11-Task.git
cd AS-11-Task
Install the necessary dependencies using your preferred package manager (npm or yarn):
# Using npm
```bash
npm install
# Or using yarn
```bash
yarn install
Create a .env file in the root directory of the project:
```bash
touch .env
Add the following variables to your .env file:
env
VITE_apiKey=your_api_key
VITE_authDomain=your_auth_domain
VITE_projectId=your_project_id
VITE_storageBucket=your_storage_bucket
VITE_messagingSenderId=your_messaging_sender_id
VITE_appId=your_app_id
VITE_Payment_Gateway_PK=your_payment_gateway_pk
4. Run the Application
You're all set to run the application locally.
bash
# Using npm
npm run dev
# Or using yarn
yarn
5. Access the Application
Open your web browser and navigate to:
http://localhost:5173