A modern full-stack platform that connects organizations with volunteers, enabling secure, real-time coordination and efficient volunteer management.
- Client (Frontend): https://kind-hands-50929.web.app/
- Server (Backend): https://kind-hands-server.vercel.app/
- Server Repository: https://github.com/afrinbhuiyan/kind-hands-server-site
- Firebase Authentication (Email/Google Login)
- JWT Protected APIs
- Role-Based Access Control (Admin/User)
- Create, Edit, and Delete Volunteer Posts
- Real-Time Volunteer Request System
- Personalized User Dashboards
- Advanced Search & Filtering Options
- Dark/Light Mode Support
- Smooth Animations (Framer Motion)
- Mobile-First Responsive Design
- Interactive Data Visualization
- Consistent Styling with Tailwind CSS & DaisyUI
| Category | Technologies |
|---|---|
| Core | React 18 + Vite |
| State | Context API + Custom Hooks |
| Styling | Tailwind CSS + DaisyUI |
| Animation | Framer Motion, Lottie |
| UI Library | Flowbite, React Icons |
| Category | Technologies |
|---|---|
| Server | Node.js + Express |
| Database | MongoDB Atlas |
| Auth | Firebase Admin + JWT |
| API Design | RESTful Architecture |
# 1. Clone the repository
git clone https://github.com/afrinbhuiyan/kind-hands-server-site.git
# 2. Navigate into the project folder
cd kind-hands-server-site
# 3. Install dependencies
npm install
# 4. Create a .env file and add:
PORT=3000
DB_URI=your_mongodb_uri
FIREBASE_SERVICE_ACCOUNT=your_firebase_config
JWT_SECRET=your_secret_key
# 5. Run the server
nodemon index.jsServer will run at: http://localhost:3000
# 1. Clone the repository
git clone https://github.com/afrinbhuiyan/kind-hands-client.git
# 2. Navigate into the project folder
cd kind-hands-client
# 3. Install dependencies
npm install
# 4. Run the client
npm run devClient will run at: http://localhost:5173
This project is licensed under the MIT License – you are free to use, modify, and contribute.
Mst Afrin
📍 Dhaka, Bangladesh
📧 Email: [email protected]
💻 GitHub: afrinbhuiyan
Built with ❤️ using React, Firebase, Node.js, and Tailwind CSS.
