assignment_category_00017 careCamp Organizer live link : https://carecamp-organizer.web.apps

Role Organizer

email    : sarajit456@gmail.com
password : 111111

CareCamp Organizer

Welcome to CareCamp Organizer, a comprehensive platform designed to streamline the organization and management of care camps. This README will guide you through the setup, usage, and contribution process for the project.

Table of Contents

Introduction Features Technologies Used Installation Usage Contributing License Contact

Introduction

CareCamp Organizer is a web-based application aimed at facilitating the smooth operation of care camps. It helps organizers manage events, register participants, coordinate volunteers, and track activities effectively.

Features

Event Management: Create and manage care camp events. Participant Registration: Simple and efficient participant registration process. Volunteer Coordination: Assign and manage volunteer tasks. Activity Tracking: Monitor and record activities during the camp. User-friendly Interface: Intuitive and easy-to-use interface for all users. Technologies Used Frontend: HTML, CSS, JavaScript, React.js Backend: Node.js, Express.js Database: MongoDB Authentication: JWT (JSON Web Tokens) Hosting: [Your Hosting Platform] Installation To set up the CareCamp Organizer locally, follow these steps:

Clone the Repository:

git clone https://github.com/yourusername/carecamp-organizer.git cd carecamp-organizer Install Dependencies:

** npm install

Set Up Environment Variables:

Create a .env file in the root directory and add the necessary environment variables.

##"dependencies": ** npm i @headlessui/react ** npm i @mui/material ** npm i @stripe/react-stripe-js ** npm i @stripe/stripe-js ** npm i @tanstack/react-query ** npm i axios ** npm i firebase ** npm i react-dom ** npm i react-google-charts ** npm i react-helmet-async ** npm i react-hook-form ** npm i react-hot-toast ** npm i react-icons ** npm i react-spinners ** npm i sweetalert2 ** npm iswiper

plaintext Copy code PORT=8000 MONGODB_URI=your_mongodb_uri JWT_SECRET=your_jwt_secret

##your need stripe setup key : client and server with .env

##Start the Application: Usage

Register/Login:

Users need to register or log in to access the platform. Create Events: Organizers can create and manage care camp events.

Register Participants:

Participants can register for available events.

Coordinate Volunteers:

Organizers can assign tasks to volunteers and manage their schedules. Track Activities: Use the platform to track and record all activities during the event. Contributing We welcome contributions from the community. To contribute:

This website is built using modern web technologies, including:

• HTML5: For structuring the web pages.
• Tailwind: For styling the website and ensuring an elegant design.
• JavaScript: For adding interactivity and enhancing user experience. --react "This is full react project "

server side express.js mongodb hosting : firebase

---

pages

navbar

pages : Home a. Banner/Slider, b. popular Camp, c. donate, d. User Reviews

allAbale Camps about us contact us joins us

footer

---

Dashboard

participant dashboard:

A. Analytics. B. Participant Profile C. Registered Camps D. Payment History

---

Organizer Dashboard

A. Organizer Profile. B. Add A Camp C. Manage Camps D. Manage Registered Camps

---

used packages :

1.Helmet 2.Animation library Aos. 3.sweeper slider, 4.react-toast 5.deshi ui 6. sweet alert 7. react-hook-from

Contributing

Contributions to improve the careCamp Organizer are welcome! If you have any suggestions, enhancements, or bug fixes, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.

Contact

For any inquiries or assistance, please contact us at contact@peacefulhotel.com.

Thank you for visiting the careCamp Organizer website!