Skip to content

Latest commit

 

History

History
52 lines (32 loc) · 3.42 KB

README.md

File metadata and controls

52 lines (32 loc) · 3.42 KB

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

  • Profile and Dashboard: User profile section to know and update details and seperate dashboard for users

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