CILSA | Bootcamp Fullstack | Proyecto final
Este fue el proyecto final del curso, donde pudimos poner en práctica los conocimientos que aprendimos así como también los que ya teníamos previamente, en un grupo donde pudimos compartir ideas para encontrar una propuesta con la que cumplimos los requerimientos del proyecto.
- Paola Fraticola (@dgpaofraticola)
- Ian Sosa (@sosaian)
- Evelin Suarez (@evelinnn19)
Instalación usando git clone 🔧
Sigue estos pasos para clonar el repositorio e instalar las dependencias necesarias:
- Clonar el repositorio
Ejecuta el siguiente comando en tu terminal, reemplazandoURL_DEL_PROYECTO
por el enlace del proyecto:
git clone URL_DEL_PROYECTO
- OPCIONAL - Cambiar de rama
Ejecuta el siguiente comando en tu terminal, reemplazandoRAMA
por la rama a utilizar:
git checkout RAMA
- Ejecuta el siguiente comando en tu terminal:
npm install
Nota: Puedes utilizar otro package manager si así lo deseas; procura revisar las Tecnologías principales
y también las Librerías
para comprobar que son compatibles primero
-
Instalar los programas necesarios para MySQL
Nota: Procura anotar las credenciales de acceso si se configura alguna! -
Abrir cliente CLI de MySQL
Nota: Esto puede hacerse también desde una interfaz gráfica como SQL Workbench o DBeaver, donde es probable que los pasos siguientes difieran de lo que deberías hacer. Sin embargo, recomendamos leer todos los pasos antes de continuar para poder entender la idea detrás de cada instrucción. -
Conectarse al servidor MySQL El mismo CLI (MySQL Command Line Client)
-
Crear base de datos MySQL
Ejecuta el siguiente comando en la terminal reemplazandodatabase_name
por el nombre de la base de datos:
CREATE DATABASE database_name;
- Ingresar a la base de datos
Ejecuta el siguiente comando en la terminal reemplazandodatabase_name
por el nombre de la base de datos:
USE database_name;
-
Crear tablas de la base de datos Ve al archivo
src/db/schemas.sql
para copiar cada sentencia que crea tablas de la base de datos. Procura ejecutar las sentencias en el orden en el que aparecen en el archivo.Nota:
schemas.sql
es un archivo pensado para crear la base de datos junto con todas las tablas si se ejecuta correctamente desde el mismo CLI o alguna GUI alternativa como las mencionadas antes. En esta explicación hacemos el proceso manual que puede ser el más consistente sin importar el entorno utilizado.
-
En la raíz del proyecto, crea un archivo llamado .env. Este archivo almacenará las variables de entorno utilizadas en el proyecto.
-
A continuación, define las variables de entorno que se mencionan en el archivo
config.js
. Cada variable debe seguir el formato clave-valor sin espacios alrededor del signo=
.Nota: Para identificar cuales son las variables de entorno necesarias, dentro del archivo
config.js
aparecen muchas variables que surjen de la desestructuración del objetoprocess.env
, de la misma forma que puede haber alguna variable individualmente exportada haciendo uso deprocess.env
para casos donde se necesita convertir el valor a un tipo en particular para facilitar el uso en el código. Generalmente los nombres de estas variables de entorno se definen usando UPPER_SNAKE_CASE, denotando su inmutabilidad al ser prácticamente constantes.
# Sintaxis de un archivo .env
# Las variables se definen como clave=valor
# Las cadenas de texto pueden tener comillas, pero no es obligatorio
VARIABLE_1=Valor de la variable 1 # Texto sin comillas
VARIABLE_2 = "2" # Texto con comillas (opcional)
VARIABLE_3=3 # Valor numérico
npm run dev
Instalación descargando comprimido ZIP 🔧
Sigue estos pasos para clonar el repositorio e instalar las dependencias necesarias:
-
Descargar el proyecto en formato ZIP Ir a “code” > download ZIP
-
Descomprimir el archivo
-
OPCIONAL - Cambiar de rama
Ejecuta el siguiente comando en tu terminal, reemplazandoRAMA
por la rama a utilizar:
git checkout RAMA
- En la carpeta donde se encuentra “package.json” ejecutar en terminal:
npm install
Nota: Puedes utilizar otro package manager si así lo deseas; procura revisar las Tecnologías principales
y también las Librerías
para comprobar que son compatibles primero
-
Instalar los programas necesarios para MySQL
Nota: Procura anotar las credenciales de acceso si se configura alguna! -
Abrir cliente CLI de MySQL
Nota: Esto puede hacerse también desde una interfaz gráfica como SQL Workbench o DBeaver, donde es probable que los pasos siguientes difieran de lo que deberías hacer. Sin embargo, recomendamos leer todos los pasos antes de continuar para poder entender la idea detrás de cada instrucción. -
Conectarse al servidor MySQL El mismo CLI (MySQL Command Line Client)
-
Crear base de datos MySQL
Ejecuta el siguiente comando en la terminal reemplazandodatabase_name
por el nombre de la base de datos:
CREATE DATABASE database_name;
- Ingresar a la base de datos
Ejecuta el siguiente comando en la terminal reemplazandodatabase_name
por el nombre de la base de datos:
USE database_name;
-
Crear tablas de la base de datos Ve al archivo
src/db/schemas.sql
para copiar cada sentencia que crea tablas de la base de datos. Procura ejecutar las sentencias en el orden en el que aparecen en el archivo.Nota:
schemas.sql
es un archivo pensado para crear la base de datos junto con todas las tablas si se ejecuta correctamente desde el mismo CLI o alguna GUI alternativa como las mencionadas antes. En esta explicación hacemos el proceso manual que puede ser el más consistente sin importar el entorno utilizado.
-
En la raíz del proyecto, crea un archivo llamado .env. Este archivo almacenará las variables de entorno utilizadas en el proyecto.
-
A continuación, define las variables de entorno que se mencionan en el archivo
config.js
. Cada variable debe seguir el formato clave-valor sin espacios alrededor del signo=
.Nota: Para identificar cuales son las variables de entorno necesarias, dentro del archivo
config.js
aparecen muchas variables que surjen de la desestructuración del objetoprocess.env
, de la misma forma que puede haber alguna variable individualmente exportada haciendo uso deprocess.env
para casos donde se necesita convertir el valor a un tipo en particular para facilitar el uso en el código. Generalmente los nombres de estas variables de entorno se definen usando UPPER_SNAKE_CASE, denotando su inmutabilidad al ser prácticamente constantes.
# Sintaxis de un archivo .env
# Las variables se definen como clave=valor
# Las cadenas de texto pueden tener comillas, pero no es obligatorio
VARIABLE_1=Valor de la variable 1 # Texto sin comillas
VARIABLE_2 = "2" # Texto con comillas (opcional)
VARIABLE_3=3 # Valor numérico
npm run dev
⚙ Node Js (v20.13.0 al momento de este commit)
⚙ MySQL (MySQL Community Server v8.0.33 al momento de este commit)
Para que el proyecto se logre realizar de una manera esperada utilicé las siguientes herramientas:
📚 Express JS (npm install express
)
📚 CORS (npm install cors
)
📚 Dotenv (npm install dotenv
)
📚 JSON Web Token (JWT) (npm install jsonwebtoken
)
📚 Cookie-parser (npm install cookie-parser
)
📚 Bcrypt (npm install bcrypt
)
📚 MySQL (npm install mysql2
)