https://github.com/stefifm/motorflix
MotorFlix: desarrollo de un CRUD de vídeos con React. Desafío Alura Latam
https://github.com/stefifm/motorflix
alura azure challengeonealuraflixlatam4 formik-yup oracle react react-hot-toast vercel
Last synced: about 1 year ago
JSON representation
MotorFlix: desarrollo de un CRUD de vídeos con React. Desafío Alura Latam
- Host: GitHub
- URL: https://github.com/stefifm/motorflix
- Owner: stefifm
- Created: 2023-04-28T17:50:16.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-04T16:09:03.000Z (over 1 year ago)
- Last Synced: 2025-04-30T04:50:02.439Z (about 1 year ago)
- Topics: alura, azure, challengeonealuraflixlatam4, formik-yup, oracle, react, react-hot-toast, vercel
- Language: JavaScript
- Homepage: https://motorflix-stefifm.vercel.app/
- Size: 1.05 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Desafío Alura Latam: MotorFlix
Proyecto MotorFlix: Una página hecha con React para hacer un CRUD de vídeos al más estilo Netflix. En vez de series o películas, se subirán vídeos relacionados al deporte motor.
Las funcionalidades del CRUD (Crear, Leer, Actualizar y Eliminar) se aplican tanto a la creación de vídeos como de categorías. Además, se exhibe un carrusel y una página donde se mostrarán todos los vídeos y podrán hacer búsquedas.
## Recursos utilizados
- React
- Material UI
- React Hot Toast
- Styled Components
- Context
- Formik para manejo de formularios
- Yup para validaciones
- useEffect, useState y useRef
- React Slick para el armado del Carrusel
- React Player para consumir los vídeos y mostrarlos en la página
- Microsoft Azure para subir la fake API
- Axios para hacer fetching de datos
## Demostración
https://user-images.githubusercontent.com/64149462/236899599-67b71ca2-651c-4a69-8a7c-263eedd66591.mp4
https://user-images.githubusercontent.com/64149462/236899615-bca775d8-c148-48c0-9acf-af70d3231e50.mp4
https://user-images.githubusercontent.com/64149462/236899622-893f2367-1535-4418-9e50-fa85e61a05f0.mp4
https://user-images.githubusercontent.com/64149462/236899624-5b5ad70c-3ab9-49df-bc26-f16e2e7ace6b.mp4
https://user-images.githubusercontent.com/64149462/236899627-e26e3caa-2258-41ed-9771-a0bbaf975f4b.mp4
## Demo
https://motorflix-stefifm.vercel.app