https://github.com/imtiazahmed01/task-management-app-client
https://github.com/imtiazahmed01/task-management-app-client
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/imtiazahmed01/task-management-app-client
- Owner: ImtiazAhmed01
- Created: 2025-02-20T18:54:31.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-20T20:06:59.000Z (4 months ago)
- Last Synced: 2025-02-20T21:22:36.369Z (4 months ago)
- Language: JavaScript
- Size: 65.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TaskForce
TaskForce simple and efficient task management system with drag-and-drop functionality, task categorization, and real-time updates using **React, DnD Kit, Firebase Authentication, and Socket.io**.
To experience the website [Click here](https://task-management-applicat-abc53.web.app/)
## 📦 Dependencies
-@dnd-kit/core: ^6.3.1,
-@dnd-kit/sortable: ^10.0.0,
-@hello-pangea/dnd: ^18.0.1,
-@heroicons/react: ^2.2.0,
-@tailwindcss/vite: ^4.0.7,
-axios: ^1.7.9,
-firebase: ^11.3.1,
-framer-motion: ^12.4.7,
-localforage: ^1.10.0,
-match-sorter: ^8.0.0,
- react: ^19.0.0,
-react-dom: ^19.0.0,
-react-icons: ^5.5.0,
-react-router-dom: ^7.2.0,
-react-toastify: ^11.0.3,
-socket.io-client: ^4.8.1,
-sort-by: ^1.2.0,
-sweetalert2: ^11.17.2,
-tailwindcss: ^4.0.7
## 📦 Dev Dependencies
- @eslint/js: ^9.15.0,
- @types/react: ^18.3.12,
- @types/react-dom: ^18.3.1,
- @vitejs/plugin-react: ^4.3.4,
- autoprefixer: ^10.4.20,
- daisyui: ^4.12.14,
- eslint: ^9.15.0,
- eslint-plugin-react: ^7.37.2,
- eslint-plugin-react-hooks: ^5.0.0,
- eslint-plugin-react-refresh: ^0.4.14,
- globals: ^15.12.0,
- postcss: ^8.4.49,
- tailwindcss: ^3.4.16,
- vite: ^6.0.1
## 🛠 Installation step and & run locally
1. Clone the repository:
```sh
git clone https://github.com/yourusername/multi-visa-navigator.git
cd multi-visa-navigator
```
2. Install dependencies:
```sh
npm i react-router-dom
```
```sh
npm i react-toastify
```
```sh
npm install
```
3. Create a `.env` file and add your Firebase credentials:
```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
```
4. Running Locally
```sh
npm run dev
```
5. Building for Production
```sh
npm run build
```
## 🛠️ Technologies Used
### **Frontend:**
- ⚛️ **React.js** - Component-based UI development
- 🎨 **Tailwind CSS** - Utility-first styling framework
- 🖱️ **DnD Kit** - Drag-and-drop functionality
- 💬 **React Toastify** - Notifications for user feedback
- 🔥 **Firebase Authentication** - User authentication
### **Backend:**
- 🟢 **Node.js** - JavaScript runtime for server-side logic
- 🚀 **Express.js** - Lightweight web framework
- 🗄️ **MongoDB** - NoSQL database for storing tasks
- 🌐 **Socket.io** - Real-time task updates
### **Deployment & Hosting:**
- ▲ **Vercel** - Frontend deployment
- 🌍 **Render / Heroku** - Backend hosting
- 🔑 **Firebase** - Authentication & user management
🚀 **Live Site:** [Multi Visa Navigator](https://task-management-applicat-abc53.web.app/)