https://github.com/cesar-ignacio/e-commerce

E-Commerce, tienda de ropa deportiva
https://github.com/cesar-ignacio/e-commerce

Last synced: about 2 months ago
JSON representation

E-Commerce, tienda de ropa deportiva

• Host: GitHub
• URL: https://github.com/cesar-ignacio/e-commerce
• Owner: Cesar-Ignacio
• Created: 2023-12-16T02:04:27.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-26T03:22:35.000Z (11 months ago)
• Last Synced: 2024-02-27T04:23:28.056Z (11 months ago)
• Language: JavaScript
• Homepage: https://e-commerce-nu-liard.vercel.app
• Size: 1.08 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# VivaGearTech (e-commerce)

ViveGearTech es el nombre que decidí darle a este proyecto que comencé a desarrollar mientras realizaba el curso de React en CoderHouse. Este proyecto sería la culminación de mis estudios y la presentación final del curso.

![Captura de pantalla 2024-02-26 000726](https://github.com/Cesar-Ignacio/E-Commerce/assets/73149891/d12a33ba-9706-4b30-973d-66fd2f9d0ffa)

ViveGearTech es un e-commerce especializado en la venta de productos tecnológicos o, al menos, esa es la idea. Cuenta con un catálogo de productos, secciones donde los usuarios pueden ver los productos seleccionados para comprar, una página personalizada para cada usuario donde se muestran datos específicos como los productos que les gustaron, una sección para generar nuevas órdenes una vez finalizada la compra, y también una sección de inicio de sesión y registro.

## Tecnologías Utilizadas



  

    

  



- **Vite:** Utilicé Vite para crear el proyecto. Es un bundler y entorno de desarrollo ultrarrápido para aplicaciones web.

- **React:** Elegí React como el framework principal para el desarrollo del frontend. Su enfoque en componentes reutilizables, su capacidad para manejar el estado y la utilización de JSX hacen de React una excelente elección.

- **Firebase**: Integré Firebase, que nos permite interactuar con una base de datos real sin necesidad de un backend tradicional. Además, su sistema de autenticación facilita la implementación de funciones de inicio de sesión y registro en nuestro proyecto."

- **Tailwind:** Personalmente, considero que Tailwind es una herramienta excepcional para el estilado de páginas web. Destaca por su enfoque único, donde las clases predefinidas abordan directamente los estilos comunes, lo que agiliza significativamente el proceso de desarrollo. Lo que más me cautiva de Tailwind es su enfoque transparente y descriptivo en la nomenclatura de clases, lo que elimina la necesidad de inventar nombres o recordar convenciones específicas.

## Dependencias

    "@chakra-ui/icons": "^2.1.1",

    "@chakra-ui/react": "^2.8.2",

    "@emotion/react": "^11.11.3",

    "@emotion/styled": "^11.11.0",

    "@hookform/resolvers": "^3.3.4",

    "algoliasearch": "^4.22.1",

    "firebase": "^10.7.2",

    "framer-motion": "^11.0.3",

    "luxon": "^3.4.4",

    "react-hook-form": "^7.50.1",

    "react-magic-motion": "^1.1.2",

    "react-router-dom": "^6.21.2",

    "yup": "^1.3.3"

## Instalación

Sigue estos pasos para instalar y configurar el proyecto en tu entorno local:

1. **Clona el repositorio desde GitHub:**

       git clone https://github.com/Cesar-Ignacio/E-Commerce`

1. **Instala las dependencias necesarias**

       cd E-Commerce

       npm install 

1.  **Inicia la aplicación:**

        npm run dev