Inspiration
The idea for SustainaQuiz emerged from a desire to make sustainability education both interactive and impactful. Recognizing the challenges in motivating individuals to adopt eco-friendly practices, I sought to create a gamified experience that combines learning with fun.
What it does
SustainaQuiz is a quiz application designed to:
Educate users about sustainability through engaging questions.
Provide actionable eco-friendly tips.
Inspire users to adopt greener habits through gamification.
How I built it
The project was built using the following technologies:
Frontend: React.
Styling: Vanilla CSS for simplicity and customizability.
Icons: Font Awesome for the footer and other visual elements.
Access Locally
To run this project locally:
Clone the repository: git clone https://github.com/ewa-edun/SustainaQuiz.git
Navigate to the directory: cd SustainaQuiz
Install dependencies: npm install
Start the app: npm run dev
Open the app in your browser at http://localhost:5173/
For any questions or support, feel free to reach out via:
GitHub: ewa-edun
Discord: ewa_edun
Challenges I ran into
Ensuring a seamless user experience with intuitive navigation between quiz questions.
Debugging layout issues to achieve a responsive design.
Balancing the content to make the questions informative yet engaging.
Accomplishments that I'm proud of
Successfully creating a fully functional quiz application within 24 hours.
Designing an intuitive and appealing user interface that works across devices.
Integrating educational tips that add real value to the user's experience.
Adding other themes such as dark, forest, and ocean to improve user experience.
What I learned
This project offered several learning opportunities:
How to prioritize features within a tight development timeline.
The importance of responsive design in ensuring accessibility.
Strategies for debugging and testing a gamified application.
What's next for SustainaQuiz
Deployment: Deploying SustainaQuiz to be accessible to everyone.
Daily Challenges: A new sustainability question each day.
Leaderboard: Check score on the leaderboard and share achievements.
Eco-Themed Animations: Visual rewards for correct answers.
Streak Rewards: Bonuses for consecutive correct answers.
Dynamic Tips: Personalized suggestions based on quiz performance.
Log in or sign up for Devpost to join the conversation.