Es una web dedicada principalmente al Gaming, incluyendo ventas de componentes, consultoría avanzada por equipos, reparación general de dispositivos y más.
1 - Comenzarémos por clonar ambos repositorios:
- FrontEnd: https://github.com/sergiorosales9/proyecto_final_rolling
- BackEnd: https://github.com/sergiorosales9/BackendProyectofinal
2 - Luego usaremos el comando npm install
en consola, para instalar todas las dependencias que el proyecto requiere.
3 - Ejecuta la web mediante el comando npm start
(tanto en tu proyecto FrontEnd como en el BackEnd).
La web de ZeroTech fué construida con las siguientes librerías y framework:
@sergiorosales9 | @maudrani | @ni-romero | @rochyscarlata |
(se evitaron directorios repetitivos para evitar el largo de la estructura)
├── public
│ ├── image
│ │ ├── Products
│ │ │ ├── auriculares
│ │ │ │ ├── Logitech G332
│ │ └── Zero-Black.svg
│ ├── index.html
│ ├── manifest.json
│ └── robots.txt
├── src
│ ├── components
│ │ ├── Admin
│ │ │ ├── Admin.js
│ │ │ ├── AgregProd.js
│ │ │ ├── Drag.js
│ │ │ ├── Graficos.js
│ │ │ ├── modal.js
│ │ │ ├── Productos.js
│ │ │ ├── style.css
│ │ │ ├── TurnosPanel.js
│ │ │ ├── Usuarios.js
│ │ │ └── Ventas.js
│ │ ├── Layout
│ │ │ ├── BtnCart.js
│ │ │ ├── Fotter.js
│ │ │ ├── Header.js
│ │ │ ├── HeaderStatic.js
│ │ │ └── styles.css
│ │ ├── Login
│ │ │ ├── Login.js
│ │ │ ├── LoginContainer.js
│ │ │ ├── Sidebar.js
│ │ │ └── styles.css
│ │ ├── Main
│ │ │ ├── MainPanels
│ │ │ │ ├── NewsPanel.css
│ │ │ │ └── NewsPanel.js
│ │ │ ├── Carrousel.js
│ │ │ ├── main-styles.css
│ │ │ ├── Main.js
│ │ │ ├── Mostrador.js
│ │ │ ├── styles.css
│ │ │ └── ZeroDisclaimer.js
│ │ ├── PageService
│ │ │ ├── PageService.js
│ │ │ └── styles.css
│ │ ├── PaginaDePago
│ │ │ ├── PaginaCompra.js
│ │ │ ├── PagoExitoso.js
│ │ │ ├── PagoPendiente.js
│ │ │ ├── PagoRechazado.js
│ │ │ ├── Payment.js
│ │ │ └── style.css
│ │ ├── PerfilUsuario
│ │ │ ├── PerfilUsuario.js
│ │ │ └── style.css
│ │ ├── Register
│ │ │ ├── FormRegister.js
│ │ │ ├── Register.js
│ │ │ └── styles.css
│ │ ├── routes
│ │ │ ├── PrivateAdmin.js
│ │ │ ├── PrivateRoute.js
│ │ │ └── RestrictedRoutes.js
│ │ ├── ShoppingCart
│ │ │ ├── 1 DB
│ │ │ │ └── cupones.js
│ │ │ ├── assets
│ │ │ │ └── cool-background.svg
│ │ │ ├── CartDetail
│ │ │ │ ├── lista-productos.js
│ │ │ │ ├── product-card.js
│ │ │ │ ├── ShoppingCart.js
│ │ │ │ └── styles.css
│ │ │ ├── PaymentDetail
│ │ │ │ ├── card-credit.js
│ │ │ │ ├── card-paypal.js
│ │ │ │ ├── payment-detail.js
│ │ │ │ └── styles.css
│ │ │ ├── ShippingDetail
│ │ │ │ ├── card-opcionales.js
│ │ │ │ ├── generador-paises.js
│ │ │ │ ├── ShippingDetail.js
│ │ │ │ └── styles.css
│ │ │ ├── cupon-detail.js
│ │ │ ├── cupon-launch.js
│ │ │ ├── resumen-compra.js
│ │ │ ├── shopping-checkout.js
│ │ │ └── styles.css
│ │ ├── Turn
│ │ │ ├── BodyTurn.js
│ │ │ ├── FormBuy.js
│ │ │ ├── FormComercial.js
│ │ │ ├── FormsRepair.js
│ │ │ ├── FormTurn.js
│ │ │ ├── ListTurn.js
│ │ │ ├── modalInfoTurno.js
│ │ │ ├── styles.css
│ │ │ └── Turn.js
│ │ └── util
│ │ └── axiosInstance.js
│ ├── App.css
│ ├── App.js
│ ├── App.test.js
│ ├── index.css
│ ├── index.js
│ ├── Mouse.jpg
│ ├── serviceWorker.js
│ └── setupTests.js
Esperamos disfrutes de la web!
ZeroTech Team.