VolunteerHub 🌟

🌟 Features

• Volunteer Opportunities Directory: Explore a curated list of volunteer opportunities, complete with details like location, categories, and impact areas.
• Event Management: Manage volunteer events seamlessly with features for creating, updating, and tracking participation.
• User Authentication: Secure login and sign-up to personalize your experience and manage your volunteer history.
• Mobile-Responsive Design: A fully responsive interface ensures an intuitive experience across all devices, from desktops to smartphones.
• Calendar Integration: View and manage your volunteer schedule with a built-in calendar powered by React Datepicker.

🚀 Technologies Used

• Frontend: React, Tailwind CSS, DaisyUI
• Backend: Node.js, Express.js
• Database: MongoDB
• Hosting: Firebase

📦 Packages Used

Frontend

• @tanstack/react-query: Handles efficient server state management with caching, re-fetching, and more for better user experience.
• Axios: Simplifies API requests with an easy-to-use HTTP client for making secure data calls.
• Firebase: Provides backend services for authentication, hosting, and real-time database integration.
• Moment.js: Offers date and time manipulation tools, perfect for tracking event schedules and deadlines.
• React Datepicker: Implements a user-friendly date picker for scheduling and managing events.
• React Helmet Async: Enables dynamic management of document metadata for improved SEO and accessibility.
• React Icons: Integrates scalable vector icons from popular libraries to enhance UI elements.
• React Router DOM: Manages navigation and routing between pages for a seamless browsing experience.
• SweetAlert2: Provides customizable and responsive pop-ups for alerts and confirmations.
• Swiper: Adds touch-enabled sliders and carousels to make UI interactive and engaging.
• React Awesome Reveal: Offers elegant reveal animations to enhance visual appeal and interactivity.

Backend

• Express: A minimal and flexible web framework for building the backend API.
• MongoDB: A NoSQL database for efficiently storing and managing data.
• Cookie-Parser: Parses cookies attached to client requests for authentication and session handling.
• CORS: Enables secure cross-origin requests to ensure seamless frontend-backend communication.
• Dotenv: Loads environment variables securely from `.env` files into the application.
• JSON Web Token (JWT): Implements secure authentication using token-based methods.

Technologies Used