React Store

Este proyecto fue desarrollado a lo largo de todo el curso de React en CoderHouse.

Simula un e-commerce y utiliza todas las tecnologías vistas en la cursada.

Enfoque del Proyecto

El enfoque de este proyecto es proporcionar una experiencia de usuario fluida y accesible para la simulación de un e-commerce. Se ha puesto especial énfasis en la usabilidad del sitio, implementando un diseño responsive y accesible. La integración de Firebase permite una gestión eficiente de los datos en tiempo real, mejorando la interactividad del usuario con el inventario del e-commerce.

Instalación

git clone https://github.com/andymedina1/React-CoderHouse-ProyectoFinal.git

npm install

npm run dev

Uso

Una vez iniciado el servidor con npm run dev , la tienda estará disponible en http://localhost:3000

Se puede navegar a través del catálogo de productos, añadir productos al carrito y simular el proceso de compra.

Dependencias

• react, react-dom: Las librerías fundamentales de React para construir la interfaz de usuario y manejar el modelo del DOM en aplicaciones web.
• react-router: Utilizado para la navegación entre componentes y manejo de rutas en la aplicación.
• firebase: Empleado para el backend, utilizando Firestore como base de datos para almacenar información de los productos y las órdenes de compra.
• bootstrap y react-bootstrap: Bootstrap proporciona estilos y componentes base, mientras que React Bootstrap adapta estos componentes para un uso más fluido en proyectos React.
• Material UI: Usado para incorporar componentes visuales estilizados y modernos, mejorando la experiencia de usuario en la aplicación.
• standard: Un linter adicional que ayuda a mantener un estilo de codificación estándar y coherente en todo el proyecto.