https://github.com/andresweitzel/app_sistema_inmobiliaria_angular
App para Sistema de Inmobiliaria implementado con Angular, Bootstrap, Scss, Spring Boot, Spring Security, Spring MVC, JWT, SpringFox, Swagger Ui, Highchart, Lombok, Git, DBeaver, pgAdmin, PostgreSQL y Otras Tecnologías
https://github.com/andresweitzel/app_sistema_inmobiliaria_angular
Last synced: 7 months ago
JSON representation
App para Sistema de Inmobiliaria implementado con Angular, Bootstrap, Scss, Spring Boot, Spring Security, Spring MVC, JWT, SpringFox, Swagger Ui, Highchart, Lombok, Git, DBeaver, pgAdmin, PostgreSQL y Otras Tecnologías
- Host: GitHub
- URL: https://github.com/andresweitzel/app_sistema_inmobiliaria_angular
- Owner: andresWeitzel
- License: gpl-3.0
- Created: 2023-08-25T19:52:58.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-09-13T01:21:18.000Z (about 2 years ago)
- Last Synced: 2025-02-01T12:46:19.539Z (8 months ago)
- Language: SCSS
- Size: 1.31 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# App_Sistema_Inmobiliaria_Angular
App para Sistema de Inmobiliaria implementado con Angular, Bootstrap, Scss, Spring Boot, Spring Security, Spring MVC, JWT, SpringFox, Swagger Ui, Highchart, Lombok, Git, DBeaver, pgAdmin, PostgreSQL y Otras Tecnologías
* [db_inmobiliaria_postgresql](https://github.com/andresWeitzel/db_Inmobiliaria_PostgreSQL)
* [Api_Rest_Sistema_Inmobiliaria_Spring_Boot](https://github.com/andresWeitzel/Api_Rest_Sistema_Inmobiliaria_Spring_Boot)
## Í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-)
- [1.4) Comandos útiles para Angular-cli.](#14-comandos-útiles-para-angular-cli)
### 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)
* Instalamos la cli de angular de forma global si es que no está aún instalado.
```git
npm install -g @angular/cli
```
* Una vez creado un entorno de trabajo a través de algún ide, clonamos el proyecto
```git
git clone https://github.com/andresWeitzel/App_Sistema_Inmobiliaria_Angular
```
* Nos posicionamos sobre el proyecto
```git
cd 'nombreAppSinComillas'
```
* Instalamos todas las dependencias necesarias
```git
npm i
```
* Ejecutar la base de datos
* Ejecutar la api rest
* Ejecutar el proyecto en local
```git
ng serve
```
* Por defecto, la app se deploya en http://localhost:4200/
### 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)
* Instalamos la cli de angular de forma global.
```git
npm install -g @angular/cli
```
* Creamos la app (nos apareceran unas opciones de config, aceptamos crear routing y para estilos elegimos scss)
```git
ng new 'nombreAppSinComillas'
```
* 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/App_Sistema_Inmobiliaria_Angular
```
* 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 Angular app"
git push origin
```
* Ejecutamos la app inicial
```git
ng serve
```
* Ya tenemos una app funcional con una estructura inicial definida por Angular. La aplicación queda deployada en http://localhost:4200/
* `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 Angular App](https://docs.angular.lat/tutorial/toh-pt0) para el uso de componentes, rutas, etc.
### 1.3) Tecnologías [🔝](#índice-)
Ver
| **Plugin** |
| ------------- |
| |
| **Extensión** |
| ------------- |
| Prettier - Code formatter |
### 1.4) Comandos útiles para Angular-cli [🔝](#índice-)
Ver
* Creación de módulos con routing (páginas)
```git
ng g m pages/products/products-list --module app --route products-list
```
* Creación de componentes con modulo
```git
ng g c components/navbar --module app
ng g m components/navbar --module app
```
## 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
#### Ejemplos base
* [Plantilla inicial](https://github.com/creativetimofficial/now-ui-dashboard-angular)
#### Documentación
#### Herramientas
* [Fondos de pantallas unsplash](https://unsplash.com/it)
#### Librerías
* [Nucleo App](https://nucleoapp.com/docs/exporting-icons) (Los iconos se encuentran importados desde `fonts`. Para identificar nombres dirigirse a `scss/now-ui-dashboard/_nucleo-outline.scss`). Para más info dirigirse a la [demo oficial](https://demos.creative-tim.com/now-ui-dashboard/examples/icons.html)
* [Paleta Generadora de colores](0C356A)