https://github.com/nusrat40/volunteer-management
A web application designed to facilitate volunteer management by allowing users to request and organize volunteer opportunities efficiently.
https://github.com/nusrat40/volunteer-management
express-js firebase jwt jwt-token mongodb react
Last synced: 3 months ago
JSON representation
A web application designed to facilitate volunteer management by allowing users to request and organize volunteer opportunities efficiently.
- Host: GitHub
- URL: https://github.com/nusrat40/volunteer-management
- Owner: nusrat40
- Created: 2025-01-04T06:16:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-12T11:14:31.000Z (over 1 year ago)
- Last Synced: 2026-01-03T14:21:19.543Z (6 months ago)
- Topics: express-js, firebase, jwt, jwt-token, mongodb, react
- Language: JavaScript
- Homepage: https://volunteer-management-a448a.web.app/
- Size: 2.03 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🤝 Volunteer Management
## 📌 About the Project
> A web application designed to facilitate volunteer management by allowing users to request and organize volunteer opportunities efficiently.
## 🌐 Live Demo
Check out the live website here: [Live Demo](https://volunteer-management-a448a.web.app/)
## 🚀 Technologies Used
The project is built with:
- **Frontend:** React, React Router
- **Backend:** Firebase (for authentication & storage)
- **Styling:** Tailwind CSS, DaisyUI
- **Date & Form Handling:** React Datepicker, Axios
- **UI Enhancements:** React Icons, SweetAlert2
## ✨ Features
✔️ **Volunteer Opportunity Requests** – Easily create and manage volunteer opportunities.
✔️ **Firebase Authentication** – Secure login and user management.
✔️ **Event Scheduling** – Organize volunteer activities with a built-in date picker.
✔️ **Notifications & Alerts** – Get real-time updates with Toastify and SweetAlert2.
✔️ **User-Friendly Interface** – Clean design with interactive tooltips and icons.
## ⚙️ Installation
To run **Volunteer Management** locally, follow these steps:
1️⃣ **Clone the repository:**
```sh
git clone https://github.com/nusrat40/volunteer-management.git
cd Volunteer-Management
```
2️⃣ **Install dependencies:**
```sh
npm install
```
3️⃣ **Set up environment variables:**
Create a `.env` file in the root directory and add:
```sh
VITE_apiKey=AIzaSyC92hF3vqA2SmQy168xDj9_Lh-d_6CBIRs
VITE_authDomain=volunteer-management-a448a.firebaseapp.com
VITE_projectId=volunteer-management-a448a
VITE_storageBucket=volunteer-management-a448a.firebasestorage.app
VITE_messagingSenderId=931286300807
VITE_appId=1:931286300807:web:c6f36069ac03fe813c6022
```
4️⃣ **Run the development server:**
```sh
npm run dev
```
## 📦 Dependencies
Here are the key dependencies used in this project:
### **Main Packages**
```json
{
"axios": "^1.7.9",
"firebase": "^11.1.0",
"localforage": "^1.10.0",
"match-sorter": "^8.0.0",
"react": "^18.3.1",
"react-datepicker": "^7.5.0",
"react-dom": "^18.3.1",
"react-helmet-async": "^2.0.5",
"react-icons": "^5.4.0",
"react-router-dom": "^7.1.0",
"react-toastify": "^11.0.2",
"react-tooltip": "^5.28.0",
"sweetalert2": "^11.15.3"
}
```
### **Development Dependencies**
```json
{
"eslint": "^9.17.0",
"daisyui": "^4.12.22",
"postcss": "^8.4.49",
"tailwindcss": "^3.4.17",
"vite": "^6.0.3"
}
```