🔸Se trata de el Front end de una tienda online de Cosmética llamado "Imperfecta, Cosmética Natural". Para el mismo utilicé componentes de React Js y Firebase como servidor en la nube.
🔸Dato de color: La cosmética y sus fotografías son hechos por mi.
🔸Diseño responsive.
🔸Contiene menú de Navegación, mediante cual, el usuario puede navegar por los diferentes productos e ir a sus respectivos detalles.
🔸El usuario puede seleccionar productos a comprar y visualizarlos en el carrito de compras.
🔸Para finalizar la compra de los productos seleccionados, el usuario debe completar un formulario con los datos solicitados.
🔸Una vez finalizada la compra, el número de orden y su detalle serán enviados a la Base de Datos de Firebase y el usuario verá su código de compra reflejado en pantalla.
🔸Además, mediante una versión dinámica de categorías, el administrador o colaborador de la Base de Datos podrá añadir nuevos productos al ecommerce sin necesidad de modificar el código del mismo.
🔸React Js: Es una biblioteca Javascript de código abierto diseñada para crear interfaces de usuario con el objetivo de facilitar el desarrollo de aplicaciones en una sola página. https://es.reactjs.org/
🔸Node Js: Es un entorno en tiempo de ejecución multiplataforma, de código abierto, para la capa del servidor basado en el lenguaje de programación JavaScript, asíncrono. https://nodejs.org/en/
🔸Node Packager Manager/NPM: Es el sistema de gestión de paquetes por defecto para Node.js, un entorno de ejecución para JavaScript. https://www.npmjs.com/
🔸React Router Dom: Por defecto, React no viene con un mecanismo integrado de navegación. Esto es para mantener sus dependencias al mínimo y dado que no todo proyecto necesita routing, se maneja como una dependencia aparte. https://reactrouter.com/en/main
🔸Firebase: Es un servicio provisto por Google para satisfacer las distintas necesidades que puede tener una aplicación y su ciclo de desarrollo, dentro de las cuales encontramos: Seguridad y autenticación, Almacenamiento y consulta, Hosting, Monitoreo, Functions y más. https://firebase.google.com/
🔸Visual Studio Code: Es un editor de código fuente desarrollado por Microsoft para Windows, Linux, macOS y Web. Incluye soporte para la depuración, control integrado de Git, resaltado de sintaxis, finalización inteligente de código, fragmentos y refactorización de código. https://code.visualstudio.com/
🔸GitHub: Es una forja para alojar proyectos utilizando el sistema de control de versiones Git. Se utiliza principalmente para la creación de código fuente de programas de ordenador. https://github.com/
🔸Librería Bootstrap: Es una biblioteca multiplataforma o conjunto de herramientas de código abierto para diseño de sitios y aplicaciones web. https://react-bootstrap.github.io/
🔸React Icons: Incluya íconos populares en sus proyectos de React fácilmente. https://react-icons.github.io/react-icons/
🔸Netlify: Es una empresa de informática en la nube remota que ofrece una plataforma de desarrollo que incluye servicios de back-end de creación, implementación y sin servidor para aplicaciones web y sitios web dinámicos. https://www.netlify.com/
Ver el Proyecto desde un editor de código:🔸Clonar el repositorio: git clone https://github.com/yuliamonti/monti-45060.git
🔸Instalar las dependencias:
npm install🔸Correr el proyecto en el navegador:
npm starthttps://imperfecta-cosmetica-natural.netlify.app/
Carple, Fábrica de Aberturas: Proyecto utilizando HTML5 y CSS https://yuliamonti.github.io/carple-monti/
La Web de Skay: Proyecto utilizando Sass, Gulp, Npm https://yuliamonti.github.io/laWebDeSkay/
Gif App: Proyecto utilizando React, Fetch y API https://yuliamonti.github.io/gif-api/
Brok Electrónica, Servicio Técnico Autorizado de Sony y Samsung: Web utilizando Wordpress https://brokelectronica.com.ar/
💼 https://yuliamonti.github.io/yuliamonti/
🔸Profe Eric Wajnrajch por tu enseñanza, tu paciencia y tu empatía hacia tus alumnos.
🔸Jorge Rubinichs, mi compañero de React, por tu generosidad en todo el curso.
