MediCamp

Overview

MediCamp is a Medical Camp Management System (MCMS) built with the MERN stack. It is designed to help organizers and participants seamlessly manage medical camps. The platform provides tools for registration, payment, feedback collection, and detailed camp analytics, ensuring a smooth and efficient experience for all users.

Live Site

Visit MediCamp Live Site

Backend Link

Visit MediCamp Backend Link

Organizer Credentials

• Username: [email protected]
• Password: Organizer@123

Features

1. User Authentication: Secure login and registration with support for email/password and social logins.
2. Home Page: A vibrant banner section showcasing impactful camp success stories, popular camps, and feedback from participants.
3. Popular Camps Section: Displays the top six camps based on participant counts, with detailed information and a "See All Camps" button.
4. Available Camps Page: Allows users to view all camps, search by keywords, and sort based on criteria such as participant count, fees, and alphabetical order.
5. Organizer Dashboard:
   • Add A Camp: Organizers can add camps with details like name, date, fees, location, and description.
   • Manage Camps: View, edit, or delete camps using intuitive controls.
   • Manage Registered Camps: View participants' details, confirm payments, and cancel registrations.
6. Participant Dashboard:
   • Analytics: Interactive charts (using Recharts) showcasing the participant's lifetime camp data.
   • Registered Camps: Displays registered camp details, feedback options, and payment history.
7. Camp Details Page: Offers comprehensive information about each camp and facilitates participant registration through a modal.
8. Feedback & Ratings: Participants can provide feedback after successful payment, and these are displayed on the home page.
9. Payment Integration: Secure payment processing with Stripe, including transaction ID documentation.
10. Responsive Design: Fully optimized for mobile, tablet, and desktop devices.

Technologies Used

• Frontend: React, TailwindCSS, DaisyUI, TanStack Query, Axios, React Hook Form, Recharts
• Backend: Node.js, Express.js, MongoDB
• Authentication: Firebase, JWT
• Other Libraries: Stripe for payments, SweetAlert2 for notifications

Key Features Breakdown

Authentication

• Fully secure login and registration with Firebase.
• JWT-based authentication for protecting private routes.

Organizer Functionalities

• Add, update, or delete camps effortlessly.
• Manage participants with detailed information and controls.

Participant Functionalities

• Easy camp registration and payment process.
• Feedback and rating submission post-camp experience.
• Detailed analytics and payment history.

Additional Features

• Pagination and search for all tables.
• 404 page for unmatched routes.
• Customizable dashboard layouts for both organizers and participants.

📦 Setup Instructions

Prerequisites

• Node.js (v16 or higher)
• npm
• Git
• MongoDB

🔧 Installation

1. Clone the Repository

   git clone <repository-url>
   cd medi-camp-pro
   

2. Install Dependencies:

   npm install

3. Set Up Environment Variables: Create a .env file in the project root and add the following variables:

   VITE_API_URL=your_backend_api_url
   VITE_FIREBASE_API_KEY=your_firebase_api_key
   VITE_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
   VITE_FIREBASE_PROJECT_ID=your_project_id
   VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket
   VITE_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
   VITE_FIREBASE_APP_ID=your_app_id
   VITE_STRIPE_PUBLIC_KEY=your_stripe_public_key
   

4. Run the Application:

   npm run dev

5. Build for Production:

   npm run build