-
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/surveysync-backend
Cick here for live website: https://survey-sync0.web.app
-
Search Functionality: Enables users to search and paginate through surveys efficiently, enhancing accessibility to relevant content.
-
Survey Management: Surveyors can create, update, and manage surveys, including adding questions, setting deadlines, and categorizing surveys, ensuring a seamless survey creation process.
-
Secure Authentication: Implements JWT authentication for secure user login and access to private routes, ensuring data security for surveyor, admin, pro-user and user privacy.
-
Secure Data Handling: Utilizes environment variables to safeguard sensitive information such as database credentials, enhancing data protection and preventing unauthorized access.
-
User Role Management: Supports user roles including user, surveyor, admin, and pro-user, with distinct privileges and access levels, ensuring proper governance and control over the system.
-
Payment Integration: Integrates a payment system(Stripe) for pro-user memberships to become pro-user, allowing users to access premium features and enhancing user experience.
-
Feedback Mechanism: Provides a feedback system for admin actions, allowing users to provide feedback when surveys are unpublished, promoting transparency and user engagement.
-
Responsive Design: Ensures seamless user experience across various devices, including desktops, tablets, and mobile phones, optimizing accessibility and usability.
-
Data Visualization: Visualizes survey results through charts and graphs, enabling users to analyze survey responses easily and make informed decisions.
-
Customizable Surveys: Allows surveyors to customize survey questions, options, categories, and deadlines, enabling flexibility and meeting specific survey requirements efficiently.
- 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
- Recharts: Used to create visually appealing charts
- Stripe: Used to implement secure payment system