https://github.com/alvaromartincrespo/kahoot-app

Kahoot Clone in Next.js, featuring Tailwind styling and powered by Supabase backend. Create and play real-time interactive quizzes. Enjoy an immersive learning experience with secure authentication. Have fun learning!
https://github.com/alvaromartincrespo/kahoot-app

fullstack fullstack-development javascript kahoot kahoot-api next nextjs nextjs13 supabase supabase-js tailwind tailwindcss

Last synced: 24 days ago
JSON representation

Kahoot Clone in Next.js, featuring Tailwind styling and powered by Supabase backend. Create and play real-time interactive quizzes. Enjoy an immersive learning experience with secure authentication. Have fun learning!

• Host: GitHub
• URL: https://github.com/alvaromartincrespo/kahoot-app
• Owner: AlvaroMartinCrespo
• Created: 2023-08-15T09:39:37.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-08-19T14:14:45.000Z (over 2 years ago)
• Last Synced: 2025-01-31T15:54:01.676Z (10 months ago)
• Topics: fullstack, fullstack-development, javascript, kahoot, kahoot-api, next, nextjs, nextjs13, supabase, supabase-js, tailwind, tailwindcss
• Language: JavaScript
• Homepage: https://kahoot-app.vercel.app
• Size: 176 KB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Kahoot API

## About

Kahoot Clone in Next.js, featuring Tailwind styling and powered by Supabase backend. Create and play real-time interactive quizzes. Enjoy an immersive learning experience with secure authentication. Have fun learning!

## Demo

Demo [aquí](https://kahoot-app.vercel.app/).

## Capturas de pantalla

![Captura de pantalla 1](public/cap/cap1.png)

![Captura de pantalla 2](public/cap/cap2.png)

![Captura de pantalla 2](public/cap/cap3.png)

![Captura de pantalla 2](public/cap/cap4.png)

![Captura de pantalla 2](public/cap/cap5.png)

## Characteristics

- Modern and attractive design.

- Completely responsive and compatible with different devices.

- Easy navigation and intuitive structure.

- Posibility to create questions and response the questions

## Used Technologies

- NextJS: Next.js is a React.js-based development framework that streamlines the creation of modern, high-performance web applications through server-side rendering and static site generation.

- Tailwind CSS: Utility CSS framework for styling the project.

- Supabase: Supabase is an open-source platform that combines the ease of use of a no-code platform with the power of a backend-as-a-service. It provides developers with tools to build applications with databases, authentication, APIs, and real-time updates without needing to manage the underlying infrastructure.

## Instalación

1. Clona este repositorio en tu máquina local.

2. Navega hasta el directorio del proyecto.

3. Ejecuta el siguiente comando para instalar las dependencias:

   ```shell

   npm install 

   ```

4. Una vez finalizada la instalación, ejecuta el siguiente comando para iniciar la aplicación:

     ```shell

   npm run dev

   ```

5. Abre tu navegador y visita el puerto que te de por defecto, en mi caso; http://localhost:3000 para ver el portfolio en tu entorno local.

## Contribución

¡Las contribuciones son bienvenidas! Si encuentras algún error o tienes alguna sugerencia, por favor, abre un issue o envía una pull request.

## Contacto

Si deseas contactarme, puedes enviarme un correo electrónico a alvaro.martin.crespo.00@gmail.com o visitar mi [sitio web](https://alvarodev.vercel.app/) para obtener más información.