Segundo proyecto de la carrera Desarrollo Web Full Stack en Acámica.
El desafío consistió en la creación de una aplicación web interactiva para compartir GIFs animados, poniendo en práctica fundamentos de programación y el uso de JavaScript mediante la obtención de datos de la API de Giphy.com, http://giphy.com/, trabajando con asincronismo y aprovechando herramientas nativas del explorador, como la obtención de imágenes a través de la webcam.
- 👉 HTML5
- 👉 CSS3 - SASS/SCSS
- 👉 FontAwesome
- 👉 Google Fonts
- 👉 Git Version Control
- 👉 API GIPHY (https://developers.giphy.com/docs/api/)
- 👉 Implementación de captura de video usando RecordRTC, una librería WebRTC Javascript.
- 👉 Implementación de LocalStorage para guardar Gifs favoritos de la API de Giphy y propios, generados a través de RecordRTC.
Feedback del Evaluador - Nelson Pedernera: (https://github.com/nelson-pedernera)
1 - Barra de navegación superior con links funcionales. Se verifica la barra de navegación funciona adecuadamente y se accede a "Modo nocturno", "Favoritos", "Mis GIFos" y "Crear Gifos.
2 - Implementación de galería de GIFs traídos dinámicamente desde la API de Giphy en el buscador y trendings . Se verifica que se implementó la galería de gifs y de trending de la página principal correctamente.
3 - Autocompletar con sugerencias al empezar a tipear en el buscador. Se verifica que al tipear en el buscador se muestran sugerencias de búsquedas.
4 - Sugerencias de trendings traídas desde la API y que accionen una búsqueda al hacer click. Se verifica que las sugerencias de trendings son traídas desde la API y que accionan una búsqueda al hacer click.
5 - Funcionalidad de la tarjeta (Favoritos, Descargar, Ampliación Gif) Se verifica que las tarjetas responden a las 3 opciones cliqueables y funcionan correctamente.
6 - Implementación de captura de video usando RecordRTC.js. Se verifica que se realiza la captura de vídeo usando RecordRTC.js.
7 - POST a la API de Giphy para subir los GIFs capturados. Se verifica que se usa un POST a la API de Giphy para subir los vídeos capturados.
8 - Implementar LocalStorage para guardar Mis GIFOS y Favoritos. Se verifica la correcta implementación de la galería en "Mis GifOS" y "Favoritos"
9 - El objetivo del proyecto es replicar un esquema laboral de un Desarrollador Front-End, por lo que el diseño diurno y nocturno deben ser iguales a los de referencia (cuando aplique la posibilidad de elegir entre opciones, deberán elegir alguna de las provistas). Se verifica que el diseño es igual al de referencia
10 - Entregar un txt con la URL del proyecto live. Se verifica que se entrega un txt con la URL del proyecto de live.
11 - Upload de GIF de Mobile, Slider de GIFs al ampliar un GIF, Animaciones cuando se sube un GIF Correcta implementación de los bonus.
No tengo más comentarios para hacerte, ya que está muy bien.