• 

  Home

• 

  Interactive Quiz

• 

  Family Challenge

• 

  Daily Discovery

• 

  Progress dashboard

Inspiration

What it does

How we built it

FocusFlix — Make Every Screen Minute Count

Inspiration

FocusFlix was inspired by the idea that television can be more than entertainment. Families and students can use their screen time to discover interesting facts, test their knowledge, and learn together. I wanted to create an experience that combines the simplicity of a streaming-style interface with the excitement of quizzes and family challenges.

What It Does

FocusFlix is an educational entertainment concept designed for the Fire TV experience. It includes:

• Wonder Lab: Explore science and discover fascinating facts.
• World Explorer: Test your knowledge of geography and the world.
• Brain Boost: Challenge yourself with fun knowledge questions.
• Family Challenge: Let multiple players take turns answering questions and learning together.
• Daily Discovery: Discover an interesting fact each day.
• Progress Tracking: Keep track of quiz performance and progress.
• Remote-Friendly Navigation: Navigate the interface using keyboard controls that can help simulate directional remote navigation during prototyping.

How I Built It

I built the FocusFlix prototype using HTML, CSS, and JavaScript. HTML provides the structure, CSS creates the visual design, and JavaScript powers the quizzes, player interactions, settings, and progress tracking. Browser local storage is used to retain supported progress and settings between visits.

I designed the interface with a dark, modern streaming-inspired appearance, clear sections, and interactive elements. My goal was to make the experience simple to understand and enjoyable for both individual users and families.

Challenges I Faced

One challenge was bringing different learning activities together in one interface without making it confusing. I addressed this by separating the experience into clear categories and giving each activity a specific purpose.

Another challenge was designing navigation that feels natural on a television screen, where users typically interact with a remote rather than a mouse. I added keyboard-based navigation support to the prototype as a starting point for remote-friendly interaction.

I also needed to organize the quiz logic, family play, settings, and saved progress so that the features could work together in a single application.

What I Learned

Building FocusFlix helped me understand how HTML, CSS, and JavaScript work together to create an interactive application. I gained practical experience with interface design, event handling, local storage, quiz logic, and organizing multiple features within one project.

The project also taught me that designing for television requires special attention to readability, navigation, and ease of use from a distance.

What's Next

My next goal is to adapt and test FocusFlix for the Fire TV platform, validate remote-control navigation on the target device or simulator, improve accessibility, and expand the question library. I would also like to introduce more educational categories and additional family-friendly challenges.

FocusFlix aims to make learning a fun part of screen time—one quiz, one challenge, and one discovery at a time.

Challenges we ran into

Accomplishments that we're proud of

What we learned

What's next for FocusFlix

Built With

• html