Painting Guessing Game & Painting API
This project started as a simple interactive quiz where users guessed the names of famous paintings. Hints included the artist's name and the year the painting was made. It began with a static single-page layout and no user accounts, using hard-coded quiz data and basic CSS styling. I also created a custom API to serve painting data, as the Chicago Museum of Art's API didn't meet my needs.
Since then, I've significantly revamped the project to include:
- Background textures for a more engaging visual experience.
- Additional pages with consistent styling and improved navigation.
- A Node.js-based login and registration system that uses Supabase to securely manage user accounts, enabling features like future score tracking and leaderboard integration.
- Modularized CSS for easier maintenance and scalability. I'm trying to get into the habit of building things as components/systems for reusability, as one of the most tiresome parts about building side projects is making the same UI components over and over and not getting to the actual creative/interesting part of the project.
Planned features include:
Lightbulb hint icon to help users during the quiz.✅Designing a custom logo for consistent branding.✅Revamping the quiz section for better UI/UX.✅Implementing a leaderboard and score tracking for competitiveness and engagement.✅Expanding the painting library for a richer quiz experience.✅Set up a project for the site in Jira to better track tasks and list them out.✅- Adding an information section explaining game rules, credits, and details about the API.
First Design
Second Design:
Third Design:
Revamping never ends ...
Back to projects.