stefifm / motorflix-nextjs

Home Page:https://motorflix-nextjs.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MOTORFLIX - NEXT.JS 14

motorflix-nextjs vercel app_home

Versión completamente renovada de MOTORFLIX, ahora con NEXT.JS 14 y TypeScript.

Cambios

El MOTORFLIX inicial nació como un CRUD de videos sobre deporte motor basado en el Challenge de Alura Latam (https://github.com/stefifm/motorflix), pero en esta versión se ha decidido cambiar el enfoque. Ahora MOTORFLIX es una página web en el que se podrá ver videos y agregarlos a una lista de favoritos. Se ha eliminado la funcionalidad de agregar, editar y eliminar, y se ha añadido la posibilidad de ver el detalle de cada uno de ellos.

El nuevo MOTORFLIX está basado en el siguiente tutorial: https://www.youtube.com/watch?v=mTW3V2IpOrg&t=127s, pero con algunas modificaciones como el uso de un buscador y cambios en el estilo.

Tecnologías

  • Next.js 14
  • TypeScript
  • TailwindCSS
  • Supabase
  • Shadcn UI
  • Resend (para el envío de emails)
  • NextAuth.js
  • React-Player
  • Prisma

Demo

Login: puede ser con Google o colocando su propio email.

LOGIN.mp4

Diseño

DISENIO.mp4

Búsqueda

BUSQUEDA.mp4

Navegación

NAVEGACION.mp4

Agregar a la lista de favoritos

LISTA.mp4

About

https://motorflix-nextjs.vercel.app


Languages

Language:TypeScript 97.8%Language:CSS 2.0%Language:JavaScript 0.2%