Este proyecto es una aplicación e-commerce de ejemplo desarrollada en React para el curso de CoderHouse.
- Iniciar un proyecto con
npx create-react-app
. - Crear una carpeta con nombre 'components'.
- Crear 1 componente 'NavBar' para tener la barra de navegación de la pagina con links estáticos.
- Crear 1 componente 'CartWidget' que renderice un carrito de compras con una cantidad predefinida, este debe de renderizarse en el componente anterior(NavBar).
- Crear 1 componente 'ItemListContainer' Donde se deben de utilizar 'props greeting' para mostrar información dentro del contenedor.
- El uso de librerías de estilos, como 'bootstrap o materialize', a su vez poder integrar estilos específicos.
Siga estos pasos para clonar y ejecutar el proyecto localmente en su máquina:
Ejecute el siguiente comando en su terminal para clonar el repositorio:
git clone https://github.com/Motrapatoni/PreEntrega1-Ramirez.git
Navegue al directorio del proyecto clonado y ejecute el siguiente comando para instalar las dependencias:
cd kwik-e-mark
npm install
Una vez que las dependencias se hayan instalado correctamente, ejecute el siguiente comando para iniciar la aplicación:
npm start
Esto iniciará la aplicación en modo de desarrollo. Puede abrir http://localhost:3000 en su navegador para ver la aplicación en funcionamiento.
La aplicación muestra una lista de artículos. Puede hacer clic en el botón "Leer Más" en cada artículo para ver un modal con texto de ejemplo.
¡Eso es todo! Ahora puede explorar y probar la aplicación localmente en su máquina.
Contribuciones
Si desea contribuir a este proyecto, siéntase libre de enviar un pull request o abrir un issue con sus sugerencias o mejoras.
¡Gracias por usar el proyecto de Kwik -E- Mark en React!