https://github.com/darwin27264/queens-purity
https://github.com/darwin27264/queens-purity
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/darwin27264/queens-purity
- Owner: Darwin27264
- Created: 2025-03-16T04:10:42.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-03-16T04:10:44.000Z (7 months ago)
- Last Synced: 2025-03-16T04:19:55.011Z (7 months ago)
- Language: JavaScript
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## About
Queen’s Purity Test is an engaging web application that puts a playful twist on the classic purity test, tailored specifically for the Queen’s University community. The app presents users with a series of humorous, campus-inspired questions—ranging from wild night adventures to unexpected college experiences—and allows them to check off the experiences they’ve had.
Once completed, your score is saved and later compared against aggregate results, which are displayed using interactive charts and statistics. The results page features detailed insights such as average and median scores, a distribution of scores presented in both bar and pie charts, and additional fun metrics like the mode score and age range of respondents. The interface is styled with a modern, matte-translucent overlay, subtle animations, and a responsive design that works seamlessly on both desktop and mobile devices, complete with theme toggling between light and dark modes.
## Technologies Used:
React: For building the dynamic user interface and managing component state.
React Router: To handle navigation between the main test and results pages.
Firebase Firestore: For storing and retrieving quiz responses in real time.
Ant Design: Providing UI components and styling for a polished look.
Recharts: Used to generate interactive charts (bar and pie charts) to visualize data.
React Hooks & Context API: For state management and theming across the application.
Custom CSS & Animations: For unique styling, responsive design, and fun visual effects like floating emojis.