Skip to content

An Ecommerce made in react connected to a service made in nodejs, using firebase as database , rols per user

Notifications You must be signed in to change notification settings

PaulGuillen/E-commerce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

87 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RestaurantEcommerceReact

Proyecto realizado con react expo go, actualmente esta en pleno desarollo.

Comenzando 🚀

Para comenzar debes instalar las siguientes librerias.

. Navigation
. Navigation-stack
. npm install react-native-loading-spinner-overlay
. npm install react-native-paper
. npm install react-native-locationiq
. npm install @react-native-async-storage/async-storage
. npm install stripe....
. npm install @react-navigation/material-top-tabs

Pre-requisitos 📋

Actualmente el BE esta conectado a FIREBASE, se brindara un ejemplo de como es el manejo, ademas se debe tener conocimiento en consumo de servicios.

Ejecutando los diseños ⚙️

* Vistas OnBoarding

Bueno en este caso se mostraran en este proyecto 3 vistas de OnBoarding, se planea una logica en el cual si ya se ejecuto 1 vez entonces no se vuelva a mostrar hasta que la aplicacion se destruya o desinstale.

Screenshot_1695530199 Screenshot_1695530202 Screenshot_1695530205

* Vistas Login Componentes

Estas dos vistas estan conectadas a un BE el cual consume la base de datos NOSQL firebase

Screenshot_1695530219 Screenshot_1696127294

* Vistas Principales Componentes

Estas dos vistas estan conectadas a un BE el cual consume la base de datos NOSQL firebase, tenemos opciones como Incio, Promociones, Favoritos y Perfil

Screenshot_1696124805 Screenshot_1696127344 Screenshot_1696127347 Screenshot_1696127349

* Vistas Descripcion de ofetas (Producto sin oferta, Product oferta principal , Producto oferta comun)

Estas vistas muestran como se reserva un producto visualziando en tu bolsa de productos.

Screenshot_1696718436 Screenshot_1696718455 Screenshot_1696718463 Screenshot_1696718473 Screenshot_1696718481

* Vistas creacion de una direccion y previsualizacion a nivel de UI

Como se registra una direccion en caso de que el cliente no tenga una.

Screenshot_1696718690 Screenshot_1696718693 Screenshot_1696718735 Screenshot_1696718760 Screenshot_1696718772 Screenshot_1696718776 Screenshot_1696718780

* Vistas creacion de una Orden por cliente

Con direccion registrada previamente y productos seleccionados en el carrito, se usa Stripe como metodo de pago de ejemplo para este caso y visualizacion de la orden.

Screenshot_1697681627 Screenshot_1697681638 Screenshot_1697681657 Screenshot_1697681661 Screenshot_1697681667

En este video se mostrará un poco de las funcionalidades hasta el momento del proyecto

OrdenCreadaReact.mp4

En este video se mostrará un poco de las funcionalidades del ROL Administrador

Rol_administrador.mp4

Autor ✒️

Releases

No releases published

Packages

No packages published