An App where you can find product and see its detail

by iOS Example

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::

  1. Search field.
  2. List view to show search’s result.
  3. 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:

  1. Campo de búsqueda.
  2. Vista de listado para mostrar el resultado de la búsqueda.
  3. 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.

=======

GitHub

View Github