Skip to content

Repository files navigation

Medical Camp Management System (MCMS)

Objective

The Medical Camp Management System (MCMS) is a MERN stack-based web application designed to help organizers and participants easily manage and coordinate medical camps. This is a full-featured camp management platform designed for organizers and participants, providing a seamless experience with authentication, dashboards, payment integration, and more.

🚀 Live Site URL:

Click Here to Visit

https://medicamps.netlify.app


🔑 Credentials:


🛠️ Features:

  1. Responsive Design: Fully optimized for mobile, tablet, and desktop screens, including the dashboard.
  2. Authentication: Social login options on the "Join Us" and registration pages with JWT authentication for secure routes.
  3. Camp Management:
    • Organizers can add, update, and delete camps.
    • Participants can register for camps and view details.
  4. Participant Dashboard:
    • View analytics with interactive charts (using Recharts).
    • Manage profile, view registered camps, provide feedback, and track payment history.
  5. Organizer Dashboard:
    • Manage profile, camps, and registered participants.
    • Update or delete camps and confirm participant registrations.
  6. Search & Sort: Search for camps and sort by participant count, camp fees, and name.
  7. Feedback & Ratings: Display feedback and ratings from participants on the homepage.
  8. Pagination: Applied to all tables with 10 rows displayed per page.
  9. Payment Integration: Stripe payment integration for participants to pay camp fees.
  10. Notifications: Sweet alerts and toast notifications for all CRUD operations and successful authentication.
  11. Dynamic Layout: Switch between two-column and three-column views on the "Available Camps" page.
  12. 404 Page: A dedicated 404 page for unavailable routes.
  13. Environment Variables: Secure Firebase and MongoDB configurations using .env files.

🗂️ Folder Structure:

  • Client: React.js frontend for participants and organizers.
  • Server: Node.js backend with Express.js and MongoDB.

🔨 Technologies Used:

  • Frontend: React.js, React Router, React Hook Form, TanStack Query, Material Tailwind, Recharts.
  • Backend: Node.js, Express.js, MongoDB (No Mongoose).
  • Authentication: Firebase, JWT.
  • Payment Gateway: Stripe.
  • Styling: Tailwind CSS.

📋 Deployment:

  • Frontend: Hosted on Vercel.
  • Backend: Hosted on Render/Heroku.

🌟 Extra Features:

  1. Analytics with Charts: Visualize participant data.
  2. Search and Filters: Reusable components for searching and sorting.
  3. Interactive Animations: AOS library for smooth animations.

🤝 Contribution:

If you’d like to contribute, feel free to fork the repository and submit a pull request. For major changes, please open an issue first to discuss what you'd like to change.


📧 Contact:

If you have any questions or suggestions, feel free to contact us at mdrabiulkhanbabo@gmail.com


About

This is a full-featured camp management platform designed for organizers and participants, providing a seamless experience with authentication, dashboards, payment integration, and more.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages