MediCamp

A Medical Camp Management System (MCMS) using the MERN stack. This system helps the Organizer, and Participants easily manage and coordinate medical camps.

Organizer Gmail and Password :-

• Gmail : mahfujmazid47@gmail.com
• Password : 123456

Live site Link:-

https://b11a12-medicamp-site.web.app

✅ MediCamp Website – Key Features

1. 🔐 Secure Role-Based Authentication

• Firebase authentication system with distinct roles for Organizers and Participants

2. 🧑‍⚕️ Camp Registration System

• Participants can easily register for available medical camps with essential information

3. 💳 Stripe Payment Integration

• Secure and smooth payment gateway integration for camp fees

4. ✅ Real-Time Payment & Confirmation Status

• Once payment is successful, status updates to paid and then confirmed automatically

5. 🌟 Feedback & Rating System

• After successful payment, participants can submit star ratings and textual feedback via a modal

6. 🏠 Feedback Carousel on Homepage

• Beautiful carousel showcasing real participant feedback on the homepage

7. 📊 Participant Analytics Dashboard

• Interactive charts (built with Recharts) to visualize participant’s camp history and fees

8. 🧾 Payment History Section

• Participants can view their complete transaction history with status and details

9. 🗂️ Manage Registered Camps (Organizer Dashboard)

• Organizers can view and manage all registrations to their added camps

10. ❌ Smart Cancel Functionality with Validation

• Prevents cancellation if a participant has already paid and been confirmed

11. 🔍 Search & Pagination in All Tables

• All tables include live search and pagination for better usability and scalability

12. 💁‍♂️ Homepage Section: What Participants Can Do

• Informative and animated section showing user capabilities like viewing analytics, registered camps, and payment history

13. 📉 Auto-Decrement Participant Count

• When a registration is cancelled, the camp’s participant count is automatically updated in the backend

14. 💻 Responsive UI with Tailwind CSS & DaisyUI

• Clean and modern responsive design for mobile and desktop users

15. 🧠 Modular Codebase with Custom Hooks

• Reusable hooks like useAuth, useUserRole, and useAxiosSecure improve code readability and reusability

16. 🔐 Protected API Endpoints with Firebase Token & Email Verification

• Backend APIs are secured with Firebase Token and email matching to prevent unauthorized access

NPM Packages I Used

• npm i react-router
• npm install tailwindcss@latest @tailwindcss/vite@latest daisyui@latest
• npm i react-responsive-carousel
• npm i react-hook-form
• npm install firebase
• npm install -g firebase-tools
• npm install aos --save
• npm install axios
• npm install sweetalert2
• npm install react-icons --save
• npm i @tanstack/react-query
• npm install @headlessui/react
• npm install @stripe/react-stripe-js @stripe/stripe-js
• npm i slick-carousel
• npm install recharts
• npm i framer-motion