Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 16 hours 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!

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 [email protected] o visitar mi [sitio web](https://alvarodev.vercel.app/) para obtener más información.