Rick & Morty

Hosting URL: https://rickmortyangular.web.app/

Realizado en Angular

Proyecto guiado por Yandrak

✔Comienzo el proyecto desde cero con los comandos:

 npm install -g @angular/cli

• Ver version

 ng version

• Crear proyecto

 ng new rickmortyangular

✔Componente main

 ng g c pages/main 

• Lo enruto en app-routing.module

 const routes: Routes = [
  {
    path: '',
    component: MainComponent
  },//si es vacia la ruta va a inicio
  {
    path:'**',
    redirectTo: '/',
  }
];

✔Crear carpeta Environment y los environments

  mkdir environments
  ng g e environment
  ng g e environment.prod

✔Creo mi interfaces en la url RyM - URL JSON

🎈Para stilos

• Importo en el index el css de Boostrap - Bootstrap 5.0
• Para box-shadow - box-shadow

 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

🏎 Arrancar el servidor web

• Ir al directorio frontend y ejecutar el comando

npm start
    ó
ng serve    

🚀 Subir proyecto

URL
https://firebase.google.com/?hl=es-419

1º Crear proyecto y poner nombre
2º Continuar
3º Le damos a generar proyecto + continuar
4º Vamos a compilacion + hosting + comenzar
5º Instalamos de forma global:
   npm install -g firebase-tools
6º Nos logamos en la app (email)
   firebase login
7º firebase init
8º Dar al opción (seleccionar con el espacio):
   Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys
   Use an existing project
   public
   Configure as a single-page app (rewrite all urls to /index.html)? (y/N) --> yes
   Set up automatic builds and deploys with GitHub? (y/N) -->no
9º Nos genera estos dos ficheros:
   i  Writing configuration info to firebase.json...
   i  Writing project information to .firebaserc...
   
10º Ejecutamos (con ello creamos la carpeta dist):
   npm run build
11º Vamos a firebase.json y le ponemos el nombre de la carpeta: 
     "hosting": {
    "public": "dist/rickmorty",
    ...
12º firebase deploy

Para acceder a la aplicación navegar a la URL:

• https://localhost:4200

Free Software, Hell Yeah!🤘