-
Have A Local Version: Clone or download the latest commited version of this frontend for your local machine
-
Initiate Projects: use "npm install" to install all the necessary dependencies
-
Set Up The Environment Variables: Don't forget to set up the environment variables with your own credentials needed to run this projects. Most variable are defined in index.js file.
-
Find The Backend: Clone or download the backend from here: https://github.com/snokeOver/volunease-backend
Cick here to go to the live website: https://voluneease.web.app/
-
Need Volunteer Now: Browse and select Volunteer Posts from your various categories.
-
Create Post: User can have their flexibility to create and mupdate post.
-
Request for Volunteer: Volunteer/User can make request to be volunteer for others post and cancel anytime he/she wants.
-
Need Volunteer: Browse and select Touris spots from our enriched list and search and sort as you like.
-
User Preferences: User can have their preferences like theme, stored in Database.
-
Contact Us Page: Dedicated page for users to reach out with inquiries, feedback, or support requests.
-
Multi-Register-Login & Update_Profile: Handle user authentication and registration via Google, Github, email-password, as well as profile updates.
-
Theme Mood: Implemented Dark and Light mood for better user experience.
- Firebase: Used for secure and robust user registration, logging, authentication.
- React-Router, React-Router-Dom: To handle all routing of this SPA.
- Swiper: Used to show the banner images in a slide view.
- React-Simple-Typewriter: To handle the animation on Banner in writings.
- React-Tooltip: Enhance the user experince better with tooltip functionality.
- React-Helmet-Async: To show the page title dynamically on the browser tab.
- React-Toastify: Used for making visually pleasing toast on user actions.
- React-fast-marquee: Used to create a marquee section at home page.
- Sweetalert2: Used to make professional alert system for potential operation