DYXOMA WEB

Esta web creada con create-react-app es parte del proyecto final para el curso de React.js en Coder House, en la misma se visualiza el catálogo de productos de la marca de indumentaria urbana "Dyxoma" y se puede simular todo el proceso de compra.

Tecnologías usadas

• SASS
• reactstrap
• Firebase (firestore & storage)
• react-router-dom
• react-icons

Uso

En la descripción del repositorio se puede encontrar el link de vercel para acceder al deploy.

video_ZUOM2P9g.mp4

Instalación

1. Ubicadx en el repositorio, encima de la lista de archivos, hace clic en donde dice "código".

2. Elegí el método "HTTPS" y copia la dirección URL del repositorio.

3. Abrí la consola de comandos que prefieras.

4. Cambia el directorio de trabajo actual a la ubicación en donde quieras clonar el directorio.

5. Escribí "git clone" y pega la dirección URL que copiaste antes.

git clone https://github.com/USERNAME/REPOSITORY

6. Presiona Enter para crear el clon local.

git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY
> Cloning into `Spoon-Knife`...
> remote: Counting objects: 10, done.
> remote: Compressing objects: 100% (8/8), done.
> remove: Total 10 (delta 1), reused 10 (delta 1)
> Unpacking objects: 100% (10/10), done.

7. Una vez clonado el repositorio, cambia el directorio a la ubicación del mismo.

8. Ejecuta los comandos "npm install" y "npm start", respectivamente.

9. ¡Listo! La app ya debería estar corriendo correctamente.

Consideraciones

• Para cada componente se creó un directorio que contiene al componente en sí como también a su hoja de estilos, esto busca mantener el proyecto organizado.

• Los únicos comentarios que incluye el proyecto fueron agregados para evitar un error de consola que se provocaba al usar modales dentro del useEffect.

• Se comprimió el tamaño de las imágenes lo mayor posible, aunque en la primera renderización de la página siguen contando con una pequeña tardanza.