Restaurante full app

Aplicacion para simular la comunicación entre Frontend y Backend utilizando la analogia del restaurante

Estado del proyecto 🏗

En progreso

Pre-requisitos necesarios 📋

• Descargar Visual Studio Code (Color azul) (o su editor de texto de confianza)
• Descargar e instalar el software de control de versiones
• Descargar e instalar Node.js (Version LTS)
• Ejecutar en la terminal

npm install -g @angular/cli

Pre-requisitos no necesarios

• Extensiones para Visual Studio Code
  • Angular Language Service
  • Angular Snippets (Version 13)
  • Angular 10 Snippets
  • Error Lens
  • Material Icon Theme

Comenzando 🚀

1. Clonar el repositorio

git clone https://github.com/DeveloperMartin/01-restaurante-fullapp.git

2. Instalar las dependencias del backend y del frontend, recorda que tenes que ir hasta la carpeta del backend, ejecutar el comando y despues tenes que ir al frontend a realizar la misma accion (el orden en el que se haga no importa)

npm install 

3. Levantar el backend (Recorda viajar hasta la carpeta de backend para ejecutar este comando)

node ./index.js

4. Abri otra terminal (Es importante que la terminal donde esta corriendo el backend no la cierres)
5. Levantar el frontend (Recordar viajar hasta la carpeta del frontend para ejecutar este comando)

ng serve -o

clone va a crear una carpeta con el nombre completo del repositorio en donde sea que este situado en la terminal. Es aconsejable viajar con la terminal hasta la ruta donde realmente quiere que el proyecto se descargue (Por ejemplo en Documents). Para ello hay que utilizar el comando cd e indicar a que carpeta se quiere mover con la terminal.

cd ./users
cd ./Documents
cd ./github
git clone https...

• Documentación del comando clone
• Documentacion del comando - cd -

Despliegue 📦

1. Abrir terminal
2. Viajar hasta la carpeta del frontend
3. Ejecutar comando

ng build

4. Con la misma termimal (no es necesario), viajar hasta el backend
5. Ejecutar comando

node ./index.js

6. En el navegador buscar

http://localhost:3000/frontend

7. Si aparece la aplicacion de frontend, entonces ya tenes todo!

Expresiones de Gratitud 🎁

• Comenta a otros sobre este proyecto 📢
• Seguime en Twitch

- Invitación

---

con ❤️ por Zatge 😊