Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mahmudul35/medi-camp-hub-client
MediCamp Hub is a comprehensive platform designed to organize and manage medical camps effectively. From participant registration to analytics and feedback collection, this platform ensures seamless operations and better outcomes for all stakeholders.
https://github.com/mahmudul35/medi-camp-hub-client
expressjs framer-motion mongodb reactjs stripe-payments tailwindcss
Last synced: 7 days ago
JSON representation
MediCamp Hub is a comprehensive platform designed to organize and manage medical camps effectively. From participant registration to analytics and feedback collection, this platform ensures seamless operations and better outcomes for all stakeholders.
- Host: GitHub
- URL: https://github.com/mahmudul35/medi-camp-hub-client
- Owner: mahmudul35
- Created: 2025-02-04T18:48:49.000Z (10 days ago)
- Default Branch: main
- Last Pushed: 2025-02-05T12:21:47.000Z (10 days ago)
- Last Synced: 2025-02-05T13:25:51.556Z (9 days ago)
- Topics: expressjs, framer-motion, mongodb, reactjs, stripe-payments, tailwindcss
- Language: JavaScript
- Homepage: https://medicamphub-c53a6.firebaseapp.com/
- Size: 172 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🏥 MediCamp Hub - Revolutionizing Community Healthcare
**MediCamp Hub** is a **comprehensive medical camp management platform** that enables organizers to efficiently handle participant registrations, payments, and feedback while gaining valuable insights through analytics.
---
## 🌐 Live Site
🔗 **Visit here**: [MediCamp Hub Live](https://medicamphub-c53a6.firebaseapp.com/)
---
## 👤 Organizer Login Credentials
- **Username:** `[email protected]`
- **Password:** `abcdef35@`
---
## 📌 Features of MediCamp Hub
### 🏥 Dynamic Camp Management
- Organizers can **create, edit, and delete** camps effortlessly.
### 📝 Participant Registration
- Secure and **simple registration process** for participants.
### 💳 Stripe Payment Integration
- **Secure payments** for camp fees with **transaction history**.
### ⭐ Feedback & Ratings Section
- Collect **participant feedback** and display it professionally.
### 📸 Success Stories & Banner Slider
- Showcasing **impactful moments** from past medical camps.
### 📊 Analytics Dashboard
- **Visualize participant data** and camp statistics using **interactive charts**.
### 🔍 Sorting & Search Functionality
- Find camps easily based on **keywords, dates, or popularity**.
### 🔒 Role-Based Access Control
- **Separate dashboards** for organizers and participants with specific functionalities.
### 📱 Responsive & Modern Design
- **Optimized for all devices** using **Tailwind CSS** for a professional look.
### 📁 Pagination for Tables
- **Paginated views** for better clarity when managing large datasets.
### ❌ Cancellation & Refund Management
- Participants can **cancel registrations before payments**.
### 🔔 Real-Time Notifications
- **Toast notifications** for actions like registration, payment, and feedback.
---
## 🛠 Tech Stack
### 🌐 Frontend
- **React.js**
- **Tailwind CSS**
- **React Router**
- **Firebase Authentication**
### 🛠 Backend
- **Node.js**
- **Express.js**
- **MongoDB**
- **Mongoose**
- **Stripe Payment API**
- **JWT Authentication**
---
## 🛋️ Dependencies
```json
"dependencies": {
"express": "^4.18.2",
"mongoose": "^7.0.0",
"cors": "^2.8.5",
"dotenv": "^16.0.3",
"firebase": "^9.6.1",
"jsonwebtoken": "^9.0.0",
"bcryptjs": "^2.4.3",
"stripe": "^12.3.0"
}
```
---
## 🚀 Installation & Setup
### 🏢 1️⃣ Clone the Repository
```sh
git clone https://github.com/yourusername/medicamp-hub.git
cd medicamp-hub
```
---
### 🖥️ 2️⃣ Frontend Setup (React.js)
```sh
cd client
npm install
npm start
```
👉 This will start the frontend at `http://localhost:3000/`
---
### 🛠 3️⃣ Backend Setup (Node.js & Express.js)
```sh
cd server
npm install
```
👉 **Create a `.env` file** in the **server** folder and add:
```
MONGO_URI=your_mongodb_uri
JWT_SECRET=your_jwt_secret
STRIPE_SECRET_KEY=your_stripe_secret_key
FIREBASE_API_KEY=your_firebase_api_key
```
Now, start the backend:
```sh
npm run dev
```
👉 This will start the **backend server** at `http://localhost:5000/`
---