https://github.com/andresweitzel/microfrontend_users_ml_nextjs
Aplicación Web MicroFrontEnd para la gestión de Usuarios de ML implementada con ReactJs, Next.js, next-ui, Html5, Scss, Highcharts, Bootstrap, Git y Otras Tecnologías.
https://github.com/andresweitzel/microfrontend_users_ml_nextjs
bootstrap5 html-css-javascript mercadolibre microfrontends microservices next-ui nextjs reactjs scss
Last synced: 27 days ago
JSON representation
Aplicación Web MicroFrontEnd para la gestión de Usuarios de ML implementada con ReactJs, Next.js, next-ui, Html5, Scss, Highcharts, Bootstrap, Git y Otras Tecnologías.
- Host: GitHub
- URL: https://github.com/andresweitzel/microfrontend_users_ml_nextjs
- Owner: andresWeitzel
- License: gpl-3.0
- Created: 2023-05-26T00:16:17.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-05-26T21:32:34.000Z (almost 2 years ago)
- Last Synced: 2025-02-01T12:46:19.603Z (3 months ago)
- Topics: bootstrap5, html-css-javascript, mercadolibre, microfrontends, microservices, next-ui, nextjs, reactjs, scss
- Language: JavaScript
- Homepage:
- Size: 1.79 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# MicroFrontEnd_Users_ML_NextJS
Aplicación web para la gestión de usuarios del microservicio mercadolibre users implementada con con ReactJs, Next.js,Next-UI, Html5, Scss, Highcharts, Bootstrap, Git y otras tecnologías.
* [Repositorio Microdb_MercadoLibre_Mysql](https://github.com/andresWeitzel/Microdb_MercadoLibre_Mysql)
* [Repositorio Api Rest Microservice_Mercadolibre_Users_AWS](https://github.com/andresWeitzel/Microservice_Mercadolibre_Users_AWS)
* [Api Doc ML Usuarios](https://developers.mercadolibre.com.ar/es_ar/usuarios-y-aplicaciones)
## Índice 📜
Ver
### Sección 1) Descripción, configuración y tecnologías.
- [1.0) Descripción del Proyecto.](#10-descripción-)
- [1.1) Ejecución del Proyecto.](#11-ejecución-del-proyecto-)
- [1.2) Configuración del proyecto desde cero](#12-configuración-del-proyecto-desde-cero-)
- [1.3) Tecnologías.](#13-tecnologías-)
### Sección 2) Endpoints y Ejemplos
- [2.0) EndPoints y recursos.](#20-endpoints-y-recursos-)
- [2.1) Ejemplos.](#21-ejemplos-)
### Sección 3) Prueba de funcionalidad y Referencias
- [3.0) Prueba de funcionalidad.](#30-prueba-de-funcionalidad-)
- [3.1) Referencias.](#31-referencias-)
## Sección 1) Descripción, configuración y tecnologías.
### 1.0) Descripción [🔝](#índice-)
Ver
### 1.0.0) Descripción General
### 1.0.1) Descripción Arquitectura y Funcionamiento
### 1.1) Ejecución del Proyecto [🔝](#índice-)
Ver
* Instalamos la última versión LTS de [Nodejs(v18)](https://nodejs.org/en/download)
* Una vez creado un entorno de trabajo a través de algún ide, clonamos el proyecto
```git
git clone https://github.com/andresWeitzel/Microservice_Mercadolibre_Users_AWS
```
* Nos posicionamos sobre el proyecto
```git
cd 'projectName'
```
* Instalamos todas las dependencias necesarias
```git
npm i
```
### 1.2) Configuración del proyecto desde cero [🔝](#índice-)
Ver
* Creamos un entorno de trabajo a través de algún ide, luego de crear una carpeta nos posicionamos sobre la misma o la abrimos con vsc
```git
cd 'projectName'
```
* Instalamos la última versión LTS de [Nodejs(v18)](https://nodejs.org/en/download)
* Creamos la app con Next.js con una plantilla base.
```git
npx create-next-app@latest micro_front_end_users_ml_nextjs --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"
```
* Usaremos [git](https://www.hostinger.com.ar/tutoriales/instalar-git-en-distintos-sistemas-operativos) como control de versiones. Nos posicionamos en la app e inicializamos git
```git
git init
```
* Creamos el repositorio en github (sin readme) y agregamos la url del repositorio creado (ej: la siguiente)
```git
git remote add origin https://github.com/andresWeitzel/MicroFrontEnd_Users_ML_NextJS
```
* Traemos los cambios del remoto, agregamos los nuevos cambios en local, commitiamos y los subimos al repo.
```git
git pull origin master
git add *
git commit -m "Create Next.js app"
git push origin
```
* Ejecutamos la app inicial
```git
npm run dev
```
* Ya tenemos una app funcional con una estructura inicial definida por NextJS. La aplicación queda deployada en http://localhost:3001
* `Aclaración` : El resto de las modificaciones aplicadas sobre la plantilla inicial no se describen por temas de simplificación de doc. Para más info consultar el tutorial de [Creación Next.js App](https://nextjs.org/learn/basics/create-nextjs-app/setup) para el uso de componentes, rutas, etc.
### 1.3) Tecnologías [🔝](#índice-)
Ver
| **Tecnologías** | **Versión** | **Finalidad** |
| ------------- | ------------- | ------------- |
| [NodeJS](https://nodejs.org/en/) | 14.18.1 | Librería JS |
| [Mysql](https://www.mysql.com/) | 10.1 | SGDB |
| [XAMPP](https://www.apachefriends.org/es/index.html) | 3.2.2 | Paquete de servidores |
| [VSC](https://code.visualstudio.com/docs) | 1.72.2 | IDE |
| [Postman](https://www.postman.com/downloads/) | 10.11 | Cliente Http |
| [CMD](https://learn.microsoft.com/en-us/windows-server/administration/windows-commands/cmd) | 10 | Símbolo del Sistema para linea de comandos |
| [Git](https://git-scm.com/downloads) | 2.29.1 | Control de Versiones |
| **Plugin** |
| ------------- |
| |
| **Extensión** |
| ------------- |
| Prettier - Code formatter |
## Sección 2) Endpoints y Ejemplos.
### 2.0) Endpoints y recursos [🔝](#índice-)
Ver
### 2.1) Ejemplos [🔝](#índice-)
Ver
## Sección 3) Prueba de funcionalidad y Referencias.
### 3.0) Prueba de funcionalidad [🔝](#índice-)
Ver
### 3.1) Referencias [🔝](#índice-)
Ver
#### Documentación
* [Creación Next.js App](https://nextjs.org/learn/basics/create-nextjs-app/setup)
* [ Next-ui components](https://nextui.org/)
* [Importar bootstrap en Next](https://medium.com/frontendweb/how-to-add-bootstrap-in-next-js-de997371fd9c)
#### Herramientas
* [Convertidor html a jsx](https://transform.tools/html-to-jsx)
* [Fondos de pantallas unsplash](https://unsplash.com/it)