Me niego a aceptar…
Presentación del proyecto: PlatziMovies
TheMovieDB: análisis de su API
Bocetos en papel y diseño en Figma
Configuración inicial y maquetación del proyecto
Configuración del entorno de desarrollo
Maquetación del proyecto: HTML y CSS
Consumiendo la API
Lista de películas en tendencia
Lista de categorías
Migración a Axios
Navegación
Location y hash navigation
Mostrando y ocultando secciones
Error: carga duplicada de datos
Views
Filtrando películas por categoría
Retos: scrollTop y DRY
Buscador de películas
Retos: historial de navegación y página de tendencias
Endpoint de detalles de una película
Lista de películas recomendadas
Próximos pasos
Toma el Curso Profesional de Consumo de API REST con JavaScript
Aportes 28
Preguntas 0
Me niego a aceptar…
Figma file: https://www.figma.com/file/lH4SrSCUtvTxUG3JIcLWDm/movies-website?node-id=27%3A298
Prototype: https://www.figma.com/proto/lH4SrSCUtvTxUG3JIcLWDm/movies-website?page-id=6%3A223&node-id=6%3A393&viewport=-281%2C81%2C0.24&scaling=scale-down&starting-point-node-id=6%3A393
Algunas imágenes:
Hay una pagina muy buena para poder tomar paletas de colores sin necesidad de estar sufriendo. Se las dejo por aqui abajo. Yo siempre la utilizo:D
Entre otros aportes. Intentare realizar el diseño de @https://dribbble.com/Karro
Que es como una copia de HBO Max. Publicidad no pagada.
Dejo mi diseño realizado en Figma!
Link Figma:
https://www.figma.com/file/QdJvhTOI0od2TbeZ4HJSkd/Project-The-Movie-DB?node-id=72%3A743
Capturas de pantalla:
Así quedó el mío, está algo sencillo pero con el transcurso del curso lo iré mejorando conforme a las necesidades que vayan surgiendo.
un poco de lo aprendido en las anteriores clses de la escuela web
¿Cómo así ? yo quiero saber lo del huevo y la gallina.
Tiene pinta de que es un proyecto al que le voy a dedicar más horas de las necesarias 😅 pero bueno, a diseñar. Nos vemos cuando termine
Una herramienta para complementar su “Design System”.
Material Design
Aqui esta mi diseño alguna recomendacion es bienvenida, no conozco mucho de diseño pero estoy trabajando en eso jeje
Vi varios diseños que me inspiraron:
hice lo mejor que pude:)
Lo que necesito para mi portfolio el diseño, hice otros cursos de dibujo y animaciones donde se veia teoria del color escalas cromaticas, pero igual se me hace complicado. Me gustaria empezar y aprender UX/UI, despues de React.
Para este curso seguramente use el diseño de juan y quizas cambie algunos colores.
Bueno asi va quedando mi diseño, ahora a ver si me sale la maquetación 😄
Pense que no me iba llevar mucho tiempo pero siempre estaba cambiando algunos elementos para ver como se veria mejor jajaja y asi me entretuve todo un dia
Link de figma: https://www.figma.com/proto/h5TSsb1Picxz3tYxz4Jf2G/Dogption?node-id=29%3A26&scaling=scale-down&page-id=0%3A1&starting-point-node-id=29%3A26
Me queda faltando la parte de filtrar por categorías porque aún no sé qué tanto filtros ponerle
Aqui mi diseño en Figma:
Mobile
:
Home
Vista detallada
Búsqueda
Categoría
Desktop:
Home
Vista detallada
Panel de búsqueda
Categoria y Búsqueda
Les presento mi diseño Figma ☻
Yo soy pesimo en diseño, puedo crear las aplicaciones con buenos algoritmos pero muy malos diseños, algo en que trabajar.
Malas o buenas noticias, Figma fue comprado y será ahora de Adobe:
Me voy a robar el diseño del profe xd
le quedo bonito
Les comparto mi diseño, (super inspirado en netflix 😛 )
Maso menos asi quedo el mio, se que faltan cosas por pulir pero creo que es una buena base
Ahorita vengo, voy al curso de tailwind para poder hacer el modo oscuro de mi aplicacion desde antes de maquetarla
unos cursos que recomiendo son el de prototipos moviles y el de arquitectura de la informacion son muy buenos para guiarte !!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.