En el proyecto se crea una app de un e-commerce para poder vender productos, en este caso, figuras Funko de diferentes series de anime. El usuario podrá visualizar cada uno de los items con su detalle, así como poder interactuar para agregar items a su carrito y para finalizar con realizar su orden.

https://store.elperez.dev

• React
• React Router
• Firebase
• Vite
• Styled Components
• EsLint Standard

Para desarrollar los estilos se trabajo con la librería de Styled Components así como utilizar Flex y Propiedades Personalizadas (variables) de CSS.

Los estilos se maquetaron a partir de un diseño en Figma, y se crearon cada uno de estos.

Diseño en Figma

La estructura del proyecto, para la creación de los diferentes componentes se siguió la metodología de Atomic Design, la cual permite reconocer los elementos o componentes más simples de una app, y a su vez identificar aquellos componentes más complejos.

Se instala ESLint Standard para facilitar el proceso de desarrollo, y tener más consistencia en todo el proyecto, al escribir el código.