https://github.com/saulwolfdev/full-stack-abm-register-users
https://github.com/saulwolfdev/full-stack-abm-register-users
async-await axios cors dotenv express mongodb mongoose nodejs nodemon react react-icons try-catch
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/saulwolfdev/full-stack-abm-register-users
- Owner: saulwolfdev
- Created: 2020-08-06T02:56:18.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-08-10T23:16:02.000Z (over 5 years ago)
- Last Synced: 2025-01-17T04:41:26.433Z (about 1 year ago)
- Topics: async-await, axios, cors, dotenv, express, mongodb, mongoose, nodejs, nodemon, react, react-icons, try-catch
- Language: JavaScript
- Homepage:
- Size: 799 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## 1) INSTALAR NODE
Instalar node, desde la pagina oficial
## 2) INSTALAR MONGO
Instalar node, desde la pagina oficial
## 3) CLONAR REPOSITORIO
clonar repositirio de gitHub
## 4) ABRIR CON VISUAL STUDIO CODE
Ir la carpeta donde se clone y pararse el proyecto
## 5) IR LA CARPETA CLONADA
click derecho sobre la carpeta en vscode y seleccionar "terminar integrada
## 6) IR LA CARPETA BACKEND
ingresar sobre la consola este comando instalara todas las dependencias necesarias
### 6.1 `npm install`
ejecutar seguidamente este comando
### 6.2 `npm run dev`
Enseguida abrir una nueva terminal y ingresar por consola
### 6.3 `mongod`
## 7) IR LA CARPETA FRONTEND
ingresar sobre la consola este comando instalara todas las dependencias necesarias
### 7.1 `npm install`
Ejecutar el comando detallado, abrira sobre el navegador la aplicacion
### 7.2 `npm start`
**Notas sobre Backend**
En el backend separé la lógica en ROUTES CONTROLADORES MODELO
me hubiera gustado evidenciar o mejorar el tipo de error y los mensajes de forma
que la aplicación tengas más control de lo que está pasando si por ejemplo el nombre, correo
se repite, Si bien hice una validación y me da un mensaje cuando se repite el CUIT se podría
mejorar, También se podría agregar un login y usar JWT.
**Notas sobre frontend**
En el frontend usé Clases se podría mejorar con hooks y
las rutas también se podría pasar a una variable, porque de esa forma
queda como "hardcodeado" lo mismo con la validaciones se podria mejorar, los mensajes
que podrían venir del backend. Aunque los campos son obligatorios
se podría mejorar por cada input. También se puede mejorar la UI completa
así que sea más agradable, si bien use bootstrap para estilizar un poco
no me enfoque en la parte visual solo en el funcionamiento de los datos y la
comunicación con el backend.