A React-based quiz application that helps users discover their interior design preferences and generates personalized recommendations for their living space.
- Interactive quiz with multiple steps
- Personalized color palette generation
- Mood board recommendations
- Furniture suggestions
- Responsive design
- Node.js (v16 or higher)
- npm or yarn
- Supabase account
- Clone the repository:
git clone [repository-url]
cd toriquiz2- Install dependencies:
npm install- Create a
.envfile in the root directory with your Supabase credentials:
VITE_SUPABASE_URL=your_supabase_project_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_keyYou can find these values in your Supabase project dashboard:
- Go to Project Settings > API
- Copy the "Project URL" for VITE_SUPABASE_URL
- Copy the "anon/public" key for VITE_SUPABASE_ANON_KEY
- Deploy the Supabase Edge Function:
- Go to your Supabase project dashboard
- Navigate to Edge Functions
- Click "New Function"
- Name it "generate-color-palette"
- Copy the contents of
supabase/functions/generate-color-palette/index.ts - Click "Deploy"
- Start the development server:
npm run dev- Open your browser and navigate to:
http://localhost:8082