The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
QuizDash is a full-stack trivia quiz app I built end-to-end with Flask and SQLite, from database design through deployment. Players select a category and difficulty level, then race a countdown timer that scales with difficulty — harder questions are worth more points but allow less time to answer. I designed the SQLite schema for questions and scores, built out the backend routes for fetching randomized questions, submitting scores, and aggregating leaderboard rankings via SQL, and implemented session-based authentication for a password-protected admin panel where questions can be added or deleted without touching the database directly.
On the frontend, I used vanilla JavaScript and Jinja2 templates (no framework) to handle the quiz flow, live countdown bar, and a post-quiz review screen showing right vs. wrong answers per question. The layout is fully responsive, adapting from a stacked single-column view on mobile to a side-by-side quiz-and-leaderboard layout on desktop. The app is deployed live on Render with secrets (session key, admin password) managed through environment variables rather than hardcoded in the codebase.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
What did you build?
I built an interactive MCQ quiz game that helps students practice multiplication tables from 12 to 20. The game presents one multiple-choice question at a time, provides instant feedback, tracks the player's score, and displays the final results at the end.
Why did you build it?
I built this quiz to make learning multiplication tables more engaging and interactive. Most students can easily remember multiplication tables up to 10, but they often find it difficult to recall the tables from 12 to 20. This game helps bridge that gap by allowing students to practice through fun multiple-choice questions instead of simple memorization. By learning while playing, they can improve their multiplication skills, strengthen their memory, and build confidence in mathematics.
I love that is student oriented for the younger generation! but what age is this really targeted to? as some new laws may restrict kids under ~16 access to social media and this is on snap
Another project completed! 🎉
This one was a little different from the Kajabi projects we usually work on.
Instead of building a platform for coaches or business creators, we worked with Shafqat Ali Khan Music – an online school dedicated to teaching the centuries-old tradition of classical South Asian vocal music.
The biggest challenge wasn't adding more features or making the design feel trendy. It was creating a website that respected the heritage behind the music while still providing a clear and intuitive experience for today's online students. Sometimes the best design is the one that quietly supports the content rather than trying to stand out.
We're especially happy that the client loved the final result – and even better, they've already seen an increase in course sales after launching the new website.
Projects like this are always a reminder that every audience is different, and good design starts with understanding the people you're designing for.
I am from India, and I must say your work is so perfect...
DONT MISS THIS ONE:
I've spent the last few weeks building something I've wanted to finish for a while and add new skills to my pipeline while working on the project: a cinematic, terminal/HUD-style interface for a fictional tactical operations system, entirely in the browser. (I believe this might be a really good solution to run some type of motion projects during filmmaking time directly on the visible probs)
Here are some details: Behind a simulated boot sequence (fake network handshakes, IP auth, animated logo reveal) sit four consoles:
→ STATICPEN: a satellite recon view with live target tracking that shifts from optical to thermal scan on inspection
→ SILENTPEN: a ground tactical console with four switchable sensor modes: Direct, Lidar, Heat Scan, Ghost
→ SEERPEN: the deep one. A real 3D globe (Cesium) rendering 26 live/static intelligence layers, conflict zones, ship traffic, flight tracking, GPS jamming, orbital satellites, paired with a live news feed and a local-LLM "analyst" that reads the map context and can act on it through chat
→ STRATUM: locked for now. Select it, and the system denies you clearance and logs the attempt. A dead end on purpose.
Design-wise, the goal was to make it feel like a live system, not a mockup; every terminal readout, scan line, and boot log is actually animating in real time, not a static screenshot dressed up to look busy.
Designed fully in Figma, first run and perfected on a local server and moved to GitHub with some changes to able to fit the webpage format. It was built with React 19, TypeScript, Vite, Tailwind v4, Cesium, and a small Express backend aggregating real news and live layer data.
While I've FE skills, they were limited in most cases; I've tried a new MCP server system inside Figma, and with VSC and Claude, I was able to pull out my design, put more detailed meaning to it and run it fully with interactions. While I'm against the ML systems to some degree, my approach is to use that as a tool to solve my technical problems. And my design project became a fully functional project. I believe designers will evolve their mindset to create more valuable products with more extensive tool options.
Let me know what do you think =)
Full case study on Behance: https://lnkd.in/dNd_PRqu
Live demo: https://lnkd.in/d2cp9mcN
Amazing! Great Work! 👍
