https://github.com/kfirfitousi/pasta-quiz

Pasta shape quiz built with React, Next.js, React Query, TypeScript, Supabase and TailwindCSS.
https://github.com/kfirfitousi/pasta-quiz

nextjs react react-query ssg tailwindcss typescript

Last synced: 25 days ago
JSON representation

Pasta shape quiz built with React, Next.js, React Query, TypeScript, Supabase and TailwindCSS.

• Host: GitHub
• URL: https://github.com/kfirfitousi/pasta-quiz
• Owner: kfirfitousi
• Created: 2022-07-11T18:07:03.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-21T12:39:06.000Z (almost 2 years ago)
• Last Synced: 2024-10-12T18:24:11.483Z (about 1 month ago)
• Topics: nextjs, react, react-query, ssg, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://pasta.kfirfitousi.com
• Size: 2.74 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Pasta Quiz

### Quiz application featuring:

✅ SSG (Static Site Generation) with `Next.js` and `React Query`  

✅ strict typing with `TypeScript` and `zod`  

✅ scalable feature-based project structure

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)

![React Query](https://img.shields.io/badge/-React%20Query-FF4154?style=for-the-badge&logo=react%20query&logoColor=white)

![Typescript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![Supabase](https://img.shields.io/badge/Supabase-3ECF8E?style=for-the-badge&logo=supabase&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)

## Status

![Status](https://img.shields.io/github/deployments/kfirfitousi/pasta-quiz/production?label=vercel&logo=vercel&style=for-the-badge)

![Website](https://img.shields.io/website?down_color=lightgrey&down_message=down&style=for-the-badge&up_color=limegreen&up_message=online&url=https%3A%2F%2Fpasta.kfirfitousi.com)

Available on [https://pasta.kfirfitousi.com](https://pasta.kfirfitousi.com).

## Development

To connect with Supabase, create a `.env.local` file in the project root directory and configure the Supabase URL and anon key:

```

NEXT_PUBLIC_SUPABASE_URL=

NEXT_PUBLIC_SUPABASE_ANON_KEY=

```

To run the development server, use the following command:

```bash

npm run dev

# or

yarn dev

```

Then open [http://localhost:3000](http://localhost:3000) with your browser.