{"id":18458355,"url":"https://github.com/borjamrd/ecommerce-client-borjamunoz","last_synced_at":"2025-04-23T12:25:04.766Z","repository":{"id":180153103,"uuid":"664565137","full_name":"borjamrd/ecommerce-client-borjamunoz","owner":"borjamrd","description":null,"archived":false,"fork":false,"pushed_at":"2023-07-12T18:30:55.000Z","size":401,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-16T15:31:42.696Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://ecommerce-client-borjamunoz.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/borjamrd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-07-10T09:01:35.000Z","updated_at":"2023-07-12T18:32:38.000Z","dependencies_parsed_at":null,"dependency_job_id":"55a38a63-0d97-4b48-9a75-7437a66cc398","html_url":"https://github.com/borjamrd/ecommerce-client-borjamunoz","commit_stats":null,"previous_names":["borjamrd/ecommerce-client-borjamunoz"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/borjamrd%2Fecommerce-client-borjamunoz","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/borjamrd%2Fecommerce-client-borjamunoz/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/borjamrd%2Fecommerce-client-borjamunoz/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/borjamrd%2Fecommerce-client-borjamunoz/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/borjamrd","download_url":"https://codeload.github.com/borjamrd/ecommerce-client-borjamunoz/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250432094,"owners_count":21429610,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-06T08:18:02.139Z","updated_at":"2025-04-23T12:25:04.745Z","avatar_url":"https://github.com/borjamrd.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Scripts\nIniciar el proyecto:\n`npm start`. Abrir http://localhost:3000 para ver en tu navegador.\n\n\n_ _ _\nIniciar test:\n`npm run test`\n_ _ _\nCompilar:\n`npm run build`\n_ _ _\nIniciar linter:\n`npm run lint`\n\n\n\n## Objetivos\n\nEsta prueba consiste en la creación de una mini-aplicación para comprar dispositivos moviles.\n-  La aplicación tendrá únicamente dos vistas:\n1. Vista principal - Listado de productos\n2. Detalles del producto\n-  La implementación de los diseños queda a libre elección, pero deberá seguir la\nestructura que se ha definido en las capturas. Se valorará positivamente el nivel de\ndetalle de la propuesta.\n-  Se requiere la utilización de React/Preact para el desarrollo de aplicación y se podra\ncomplementar con otras librerias JS si se estima oportuno.\n-  Se permite la utilización de JS con ES6, y preferiblemente que no se realize la prueba\ncon Typescript.\n-  Se prodrá utilizar un boilerplate template para la creación de la estructura del proyecto.\n-  La aplicación será una SPA, donde se añadirá el enrutado de la vistas el codigo de\ncliente, sin que sea una MPA o la utilización de SSR.\n-  El proyecto tendrá que contener los siguiente script, para poder gestionar la aplicación:\n1. START - Modo desarrollo\n2. BUILD - Compilación para modo Producción\n3. TEST - Lanzamiento de test\n4. LINT - Comprobación de código\n-  El proyecto deberá presentarse en un repositorio de codigo abierto (Github, Gitlab,\nBitbucket), con la solución al problema. Se quiere que se pueda subir el codigo de\nmanera evolutiva de manera que se vaya alcanzando hitos.\n-  En el repositorio hay que incluir un documento README (preferiblemente incluirlo en el\nprimer commit), donde se incluirá la explicación para ejecutar el proyecto asi como\nalguna nota explicativas o información adicional que se consideré necesaria.\n\n## DESCRIPCIÓN DE LAS VISTAS\n#### Product List Page\nPagina donde se visualizará la lista de los productos.\n-  Esta pagina, se mostrarán todos los elementos que nos devuelve la petición del API\n-  Permitirá el filtrado del contenido en función del criterio de busqueda que el usuario\nintroduzca\n-  Al seleccionar un producto, deberá navegar a los detalles del mismo.\n-  Se mostrarán un maximo de cuatro elementos por fila, y que sea adaptativo segun la resolución.\n\n#### Product List Page\n-  Esta pagina de dividirá en dos columnas:\no En la primera se mostrará el componente de la imagen del producto\no En la segunda, se mostrará los detalles y las acciones del producto\n-  Deberá mostrar un link para navegar de vuelta a la lista de productos\n\n##Descripción de los componentes\n####Cabecera (Header)\nEl titulo o el icono de la aplicación, actuará como enlace a la vista principal.\n-  Se mostrará un breadcrumbs, mostrando la pagina donde se encuentra el usuario asi\ncomo un link para su navegación.\n-  En la parte derecha de la cabecerá, se mostrará el numero de items que se hayan\nañadido al carrito.\n#### Barra de búsqueda (Search)\n-  Se mostrará un input al usuario, el permitirá la introdución de una cadena de texto.\n-  El usuario deberá filtra los productos en función del texto introducido, y se comparará\ncon el Marca y el Modelo de los productos.\n-  El filtrado, será en tiempo real, es decir, se lanzará una busqueda cada vez que el\nusuario cambie los criterios de busqueda.\n\n#### Elemento lista (ITEM)\n-  Se mostrará la siguiente información del producto:\no Imagen\no Marca\no Modelo\no Precio\n\n#### Imagen Producto (IMAGE)\n-  Se visualizará la imagen del producto\nDescripción Producto (DESCRIPTION)\n-  Se mostrará los detalles asociados a los productos. Se mostrarán al menos los siguientes\natributos:\no Marca\no Modelo\no Precio\no CPU\no RAM\no Sistema Operativo\no Resolucion de pantalla\no Bateria\no Camaras\no Dimensiones\no Peso\n\n#### Acciones Producto (ACTIONS)\n-  Se mostrará dos tipos de selectores, donde el usuario, podra seleccionar el tipo del\nproducto que quiere añadir a la cesta. Se mostrarán los selectores de opciones para las\nsiguiente atributos:\no Almacenamiento\no Colores\n-  Aunque solo exista una opción, se mostrará el selector con la información. Para este\ncaso de uso, deberá estar seleccionado por defecto.\n-  Se visualizará un boton de Añadir, donde el usuario, un vez seleccionada las opciones,\nañadirá el producto a la cesta.\n-  Al añadir un producto mediante el API, se requiere mandar la siguiente información:\no El identificador del producto\no El codigo de color seleccionado\no El codigo de la capacidad de almacenamiento seleccionada\n-  La petición de añadir, devuelve en la respuesta, el numero de productos que hay en la\ncesta. Este valor deberá mostrarse en la cabecera de la aplicación en cualquier vista\nde la misma. Para ello se requiere persistir el dato.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fborjamrd%2Fecommerce-client-borjamunoz","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fborjamrd%2Fecommerce-client-borjamunoz","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fborjamrd%2Fecommerce-client-borjamunoz/lists"}