Lic. en sistemas de información, estudiante full stack en "CoderHouse" y emprendedora de textil.

Esta es mi primera página del Curso React Js, año 2022.

📢 Sitio web que busca mostrar el e-commerce del curso y mi Emprendimiento de Diseño textil y de modas, próximamente podrás realizar compras de prendas en "_luk_c"

Tecnologías utilizadas 🛠️

Herramientas y tecnologías utilizadas.

CoderHouse E-Commerce "e-commerce-lukc" es una aplicación creada en el curso de CoderHouse desarrollo fullstack. La aplicación esta creada exclusivamente en ReactJS.

Módulo

Listado de productos obtenidos de una API creada exclusivamente para la aplicación en Firebase. Filtrado por categorías de los productos. Visualización del detalle del cada producto. Carrito de compras. Finalización de la compra ingresando los datos del cliente y mostrando el número de la orden de compra.

Funcionalidades

Navegabilidad utilizando react-router-dom.
Navegalibidad entre categorias de productos y al detalle del producto.
En los detalles del producto se muestra el precio, la cantidad a comprar (limitada al stock), los beneficios del producto, la categoría del mismo y el botón de añadir al carrito.
CartWidget (página del Carrito de la compra) completamente funcional, permite agregar y eliminar elementos del carrito a gusto, mostrando en todo momento el total de los productos a adquirir. Finalmente, se muestra la orden de compra de la operación.
Las colecciones de las fotos de los productos fueron creadas en Firestore.

Librerias

La librería de estilos utilizada es Material UI: https://material-ui.com versión 4.11.4 La base de datos utilizada es Firebase: https://console.firebase.google.com/ versión 8.6.8

Instalación

git clone <https://github.com/nombreDeUsuario/nombredDelRepositorio>
npm i
npm start

Ver online: https://ephemeral-kelpie-08c118.netlify.app/

Preview del proyecto

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

`npm start`

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

`npm test`

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

`npm run build`

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

`npm run eject`

Note: this is a one-way operation. Once you eject, you can't go back!

¡Muchas gracias por visitar mi espacio!

Comenta a otros sobre este proyecto. 📢 Dejame tus opiniones. O escribime: lucreciaroa@hotmail.com. 📌 Sitio Web completo del emprendimiento "_luk_c" https://lroa28.github.io/GitLROA/

lroa28 / luk-c