Indice

1. Introducción
   • Tecnologías
2. Descripción del proyecto
   • Instalación
3. Licencia
4. Contacto
5. Conocimientos

Introducción

En este proyecto se unifica todo lo aprendido hasta ahora. Los alumnos desarrollarán un e-commerce donde los usuarios se registrarán, logearán , verán productos y crearán pedidos utilizando la API del e-commerce que crearon en el 1º Proyecto de backend.

Tecnologías

Aquí presentamos las herramientas empleadas en este proyecto:

• SCSS
• React
• JavaScript
• AntDesign
• Axios

Descripción

¿Cuáles son los principales objetivos de este proyecto?

• Comprender cómo desarrollar una aplicación con React
• Mejora tus habilidades de desarrollo web
• Mejore sus habilidades de desarrollo de JavaScript
• Aprender a usar Context

FrontEnd E-commerce

Una vez analizadas las necesidades del proyecto, se espera que el alumno desarrolle un frontend que sea capaz de lo siguiente:

• Registro de usuarios.
• Login de usuarios.
• Que se puedan ver los productos y añadir al carrito de compra
• Que se pueda crear pedidos
• Que en tu perfil puedas ver tus datos

Requisitos imprescindibles del proyecto:

• Uso de ramas con git, cuando se termine el proyecto deberán quedar dos ramas la master o main y la develop.
• Presentación de README excelente.

GUÍA DE USO

Pantalla de inicio de la tienda

El botón de Products en la barra de navegación nos muestra todos los productos disponibles en la tienda y la posibilidad de agregarlos al carrito o ver su valoración

Para poder comprar debes estar registrado y acceder a tu cuenta en Login y si no lo estás puedes registrarte desde el botón register

Una vez hayas inciado sesión con tu cuenta te redigirá a la pantalla de tu perfil donde se muestran tanto tus datos como tus pedidos realizados.

En el carrito verás los productos que hayas añadido y podrás finalizar la compra la cual se agregará a tu información de perfil.

Instalación

1. Para la instalación de la aplicación has de clonarte el siguiente repositorio:

   git clone https://github.com/Vincecoorp21/frontend-ecommerce-2.0.git

2. Tambien has de instalar las dependencias del proyecto:

   npm install

3. Iniciar proyecto:

   npm start

4. Para que el proyecto funcione hay que instalar el Backend clonando el siguiente repositorio:

   git clone https://github.com/Vincecoorp21/BackendOnlineShop.git

Experiencia

• Implementado context
• Componentes

Licencia

Este programa es de código abierto y puede ser utilizado por cualquier persona que lo desee.

Contacto

Vicente - gitHub

Jorge - gitHub

Conocimientos

• React
• SCSS
• Context