https://github.com/blackpachamame/aluraplus

Sitio de videos educativos de Alura creado con React. Challenge de Aluraflix propuesto por el curso de frontend de Alura Latam.
https://github.com/blackpachamame/aluraplus

challengeonealuraflixlatam5 react styled-components

Last synced: 25 days ago
JSON representation

Sitio de videos educativos de Alura creado con React. Challenge de Aluraflix propuesto por el curso de frontend de Alura Latam.

• Host: GitHub
• URL: https://github.com/blackpachamame/aluraplus
• Owner: Blackpachamame
• Created: 2023-09-30T18:53:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-09T19:31:00.000Z (11 months ago)
• Last Synced: 2024-02-09T20:34:40.485Z (11 months ago)
• Topics: challengeonealuraflixlatam5, react, styled-components
• Language: JavaScript
• Homepage: https://aluraplus-theta-gray.vercel.app
• Size: 1.89 MB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Aluraplus



  



- [Aluraplus](#aluraplus)

  - [Descripción](#descripción)

    - [Desafío](#desafío)

  - [Mi Procedimiento](#mi-procedimiento)

    - [Construido con](#construido-con)

    - [Lo que aprendí](#lo-que-aprendí)

    - [Recursos útiles](#recursos-útiles)

  - [Autor](#autor)

## Descripción

### Desafío

Este sitio es una mutación del desafío Aluraflix de Alura Latam para el curso de frontend del Grupo 5. Se modifico el diseño y se agregaron funcionalidades. En él tendrás sugerencias de videos de Alura separados por formación.

Sus usuarios deberían poder:

- Ver el diseño óptimo según el tamaño de la pantalla de su dispositivo

- Ver estados de desplazamiento para elementos interactivos

- Agregar, editar y borrar videos o formaciones

- Marcar videos como favoritos

- Realizar una búsqueda

## Mi Procedimiento

### Construido con

- Styled Components

- React

- React Slick

- React Icons

- React Router

- React Player

- Framer Motion

### Lo que aprendí

- Este challenge fue un repaso de lo que aprendí sobre React en el curso de Alura, como los hooks, props y componentes. Sumando a Styled Components que me pareció muy potente y prefiero usarlo en lugar de algún framework como Bootstrap o Material UI.

- También aprendí a crear carruseles con React Slick, implementar rutas con React Router e insertar videos de youtube con React Player.

### Recursos útiles

- [React Slick](https://react-slick.neostack.com/docs/get-started) - Documentación - React slick es un componente de carrusel creado con React.

- [React Icons](https://react-icons.github.io/react-icons) - Incluya íconos populares en sus proyectos de React fácilmente con react-icons, que utiliza importaciones de ES6 que le permiten incluir solo los íconos que utiliza su proyecto.

- [React Player](https://github.com/CookPete/react-player) - Documentación - Un componente de React para reproducir una variedad de URL, incluidas rutas de archivos, YouTube, etc.

- [React Router](https://reactrouter.com/en/main) - Documentación - Rutas con React.

- [Curso React Router 6](https://youtu.be/9w33u7hBWyk?si=nt0idt4n7D8wpOOk) - Jonmircha.

- [Guía de Vite para principiantes](https://youtu.be/YEQ-uMGpQMY?si=IzD57XHDQGJMhkNQ) - FalconMasters.

- [Dominando o Styled Components REACT](https://reactrouter.com/en/main) - Front Beginners.

- [Working with React slick slider in React js and styled-components](https://reactrouter.com/en/main) - Milad Tech.

- [Dropdown-Menu-in-React](https://youtu.be/HfZ7pdhS43s?si=VdshPytuxuiBMFkd) - TK - Click Outside to Close - React Hook.

- [Tutorial Framer Motion](https://youtu.be/FdrEjwymzdY?si=dxbS67x7_1IuI1JE) - PedroTech - Page Transitions In React - React Router V6 and Framer Motion Tutorial.

## Autor

- [Github](https://github.com/Blackpachamame)

- [Linkedin](https://www.linkedin.com/in/marcos-travaglini/)