SurveySync

Proceed To Run On Your Local

• 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

Live Site URL

Cick here for live website: https://survey-sync0.web.app

Features and Characteristics

• 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.

Packages Used

• 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