MeliProductos Project
馃嚞馃嚙 > An App where you can find product and see its detail. 馃嚜馃嚫 > Una App donde puedes encontrar tus productos y ver su detalle.
About the App / Sobre la aplicaci贸n
馃嚞馃嚙 > MeliProductos is an iOS App to find products in a huge catalog. The user can search and view the detail of a particular product. The technology used are SwiftUI as a visual framework and MV as an architecture pattern. 馃嚜馃嚫 > MeliProductos es una aplicaci贸n para smartphones iOS, en la cual encontrar productos en un cat谩logo enorme. El usuario puede buscar y ver el detalle de un producto en particular. La tecnolog铆a utilizada para la app es SwiftUI como framework visual y MV como patr贸n de arquitectura.
Minimal Requirements / Requerimientos m铆nimos
馃嚞馃嚙 > It must have at least 3 screens::
- Search field.
- List view to show search’s result.
- Product’s detail view.
Other requirements are::
- Each screen could be rotated by user and keepping its view state.
- Error management about developer’s perspective. Long term app consistency and use of logs.
- Error management facing user usage. A fluid UX is a priority, giving propertly feedback to the user.
馃嚜馃嚫 > Debe tener al menos 3 pantallas:
- Campo de b煤squeda.
- Vista de listado para mostrar el resultado de la b煤squeda.
- Vista detallada del producto seleccionado.
Otros requisitos son:
- Cada pantalla puede ser rotada por el usuario y debe mantener su estado de la vista.
- Manejo de errores inesperados desde el punto de vista del desarrollador. Consistencia a lo largo de la aplicaci贸n y uso de logs.
- Manejo de errores de cara al uso del usuario. Priorizar la UX, la cual debe ser fluida, dando feedback al usuario adecuadamente.
Documentation / Documentaci贸n
You can find the documentation in this GoogleDoc:: https://docs.google.com/document/d/1iFs4nmE1Bxvh0JQSIJkaK7kC1pd697c2uFuwvtrb5Gk/edit?usp=sharing
Design and preview / Dise帽o y vista previa
Figma Link::
https://www.figma.com/file/mhUz0NGHBp8BHDYPJVR5ys/MeliProducts?node-id=0%3A1
Demo (rotation keep state feature)::
If you dont see the gif, YouTube Link https://youtu.be/-RdsUkPBUJs
Screenshots::
Screen1-Search::
Screen2-List::
Screen3-Detail::
Installation / Instalaci贸n
馃嚞馃嚙 > Just download the project, open it xcode, select your device simulator and enjoy. Note: no dependencies needs to be install. 馃嚜馃嚫 > Simplemente descargue el proyecto, 谩bralo xcode, seleccione el simulador de su dispositivo y disfrute. Nota: no es necesario instalar dependencias.
=======