Toriquiz

Toriquiz generates housing design recommendations, like custom mood boards and visualizations, by understanding a user's environmental triggers, desired feelings, and color preferences.

Comment

Inspiration

Toriquiz was inspired by Tori in the House due to the growing need for personalized interior design solutions that consider both aesthetic preferences and individual sensitivities. Many people struggle with creating spaces that are both aesthetic and comfortable, especially those with sensory sensitivities or specific environmental needs. We wanted to help create a tool that would make interior design more accessible and personalized, bridging the gap between professional design expertise and individual needs.

What it does

Toriquiz is an interior design application that helps users create their perfect living space. Through an interactive quiz, it collects information about:

  • Environmental triggers and sensitivities
  • Desired emotional responses
  • Color preferences
  • Functional needs
  • Lighting preferences

The platform then generates personalized recommendations including:

  • Custom color palettes
  • Design style suggestions
  • Furniture recommendations
  • Mood boards

It also features a "Success Stories" page, where users can upload photos of their new homes. This allows them to showcase how Tori in the House helped transform their living areas and inspire others with real-life examples of successful, personalized interiors.

How we built it

  • Frontend: React with TypeScript
  • UI Components: Tailwind CSS + Figma
  • Database: PostgreSQL through Supabase

Challenges we ran into

  1. State Management: Managing complex quiz state across multiple components while maintaining user progress
  2. Database Integration: Setting up proper database schemas and relationships in Supabase
  3. User Experience: Creating a smooth flow between the contact form, quiz, and results pages
  4. Color Palette Generation: Implementing a system to generate cohesive color schemes based on user preferences
  5. Responsive Design: Ensuring the application works well across different device sizes

Accomplishments that we're proud of

  1. Created a welcoming, intuitive and engaging quiz interface
  2. Implemented a robust state management system
  3. Built a responsive and accessible user interface
  4. Successfully integrated Supabase for data management
  5. Developed a system for generating personalized color palettes

What we learned

  1. Advanced state management techniques in React
  2. Best practices for form handling and validation
  3. Effective database design and management
  4. Importance of user experience in quiz-based applications
  5. Techniques for creating responsive and accessible interfaces

What's next for Toriquiz

  1. AI Integration:

    • Implement gemini-2.0-flash for image generation for mood board
    • Add AI-powered furniture and decor recommendations
    • Incorporate text-to-speech and allow for different languages

  2. Enhanced Features:

    • Implement a gallery of generated designs
    • Add the ability to export design recommendations

  3. User Experience Improvements:

    • Create a user dashboard for saved designs
    • Add the ability to modify previous answers

Built With

Share this project:

Updates