Quizzler - Quiz app

Quizzler is a simple and fun quiz game that challenges you with different categories and lets you compete for the leaderboard for all the correct answers! Built with Nuxt 3 and its ecosystem.

App & Preview

Play : Quizzler

Library, Frameworks & Tools Used

• Nuxt 3
  • Nuxt UI
  • Nuxt Google Fonts
  • Nuxt SEO
• Supabase
  • Nuxt Supabase
• Pinia
• TailwindCSS
• Open Trivia Database (The quiz API)
• Bun

Setup & Build

if you want to continue or modify this project, you can follow these steps:

• Clone this project

git clone https://github.com/jo0707/quizzler

• Install dependencies (bun)

bun install

This project uses Supabase as its leaderboard database:

• Create a Supabase account
• Create a new project
• Create a leaderboard table, you can use this SQL query:

create table
  public.leaderboard (
    id bigint generated by default as identity,
    created_at timestamp with time zone not null default now(),
    name character varying null,
    score integer not null default 0,
    time integer not null default 0,
    mode character varying not null default ''::character varying,
    constraint leaderboard_pkey primary key (id)
  ) tablespace pg_default;

• Go to the leaderboard table, You can either disable the RLS, or create a new RLS that allows public to do INSERT and SELECT query.

• Copy your project URL and public key from the project settings tab

• Create new .env file and fill it with your Supabase credentials

SUPABASE_URL=https://yourproject.supabase.co"
SUPABASE_KEY="your.anon.token"

• Run the project

bun dev

• Build the project

bun run build
#or
bun run generate # static hosting

Contributing

Made by jo0707

Feel free to contribute to this repository!