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.
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.
- Adding an information section explaining game rules, credits, and details about the API.
Landing Page Redesign:
Before:
After:
This revamp highlights my dedication to iterative design, user experience, and modern web development best practices. Integrating Node.js with Supabase for authentication demonstrates my full-stack development skills while ensuring secure and scalable user management.
Back to projects.