crooks2k / prueba-tecnica-nubelity

Prueba tecnica Nubelity

Contenido

Creación de una web utilizando buenas practicas de programación (clean code) los requerimientos fueron:

• consumir varias APIS
• Recrear un componente
• Manejar buenas pracitcas
• Manejar rutas dinamicas

Demo

Si quieres visualizar la demo puedes visitar: https://prueba-tecnica-nubelity.vercel.app/

---

START 🚀

Contenido📋

• Installación
• Tecnologias Aplicadas
• Funcionalidades
• Rutas de los endpoints

---

Installation 🔧

git clone https://github.com/Crooks2k/Prueba-Tecnica-Nubelity.git

cd <Nombre de la carpeta>

npm install --save

Luego de esto se debe crear un archivo .env en la raíz del proyecto y agregar lo siguiente

VITE_RANDOM_USER = https://randomuser.me/api

VITE_RANDOM_USER_NATIONALITY1 = https://randomuser.me/api/?nat=us&results=1

VITE_RANDOM_USER_NATIONALITY2 = https://randomuser.me/api/?nat=dk&results=1

VITE_RANDOM_USER_NATIONALITY3 = https://randomuser.me/api/?nat=fr&results=1

Por ultimo iniciar el proyecto usando

npm run dev

---

Tecnologias Aplicadas 📦

React:

"axios": "^1.3.4",
"bootstrap": "^5.2.3"
"react": "^18.2.0"
"react-bootstrap": "^2.7.2"
"react-dom": "^18.2.0"
"react-icons": "^4.8.0"
"react-router-dom": "^6.10.0"

---

Funcionalidades 📦

1. Traer Información desde distintas APIS
2. Visualizar información en pantalla
3. Realizar peticiones y manejar información en rutas dinamicas

---

Acerca de los endpoints:

Se hizo uso del API de: https://randomuser.me/

---

Autores ✒️

@Crooks2k

---

License 📄

Read our license

MIT

---

@Crooks2k | Daniel Veloza