An open API service indexing awesome lists of open source software.

https://github.com/joanarturo/gallery-app

Proyecto de galería de imágenes elaborado con Angular 16.
https://github.com/joanarturo/gallery-app

angular bootstrap galeria-de-imagenes

Last synced: about 1 month ago
JSON representation

Proyecto de galería de imágenes elaborado con Angular 16.

Awesome Lists containing this project

README

          

# Gallery APP

El propósito de este proyecto es desarrollar una galería de imágenes utilizando la tecnología Angular. Este sistema incluye funciones básicas como la visualización de un listado de imágenes, la capacidad de guardar y eliminar imágenes, así como la opción de ver cada imagen de forma individual mediante un modal. Es importante mencionar que está estrechamente vinculado al proyecto [Gallery API](https://github.com/JoanArturo/gallery-api), el cual ofrece una API para la ejecución de las distintas operaciones que se mencionaron con aterioridad.

## Pre-requisitos 📋

Para la correcta ejecución de este proyecto, necesitas tener las siguientes tecnologías instaladas en tu ordenador.
* Node 18.17.0
* npm 9.6.7
* Angular CLI 16.2.12

**IMPORTANTE: Es indispensable tener clonado y en ejecución el proyecto [Gallery API](https://github.com/JoanArturo/gallery-api)**

## Instalación 🔧

1. Clona este proyecto.
```bash
git clone https://github.com/JoanArturo/gallery-app.git
```

2. Instala las dependencias de node con npm.
```bash
npm install
```

3. Ejecuta el proyecto Angular en modo desarrollo y navega a `http://localhost:4200/`.
```bash
ng serve
```

4. Ejecuta el proyecto backend `Gallery API` realizado con Laravel para que la aplicación Angular consuma los endpoints, si aún no lo tienes puedes clonarlo desde el [repositorio Gallery API](https://github.com/JoanArturo/gallery-api).

## Construido con 🛠️

- [Node 18.17.0](https://nodejs.org/en/download)
- [npm 9.6.7](https://www.npmjs.com/package/npm/v/9.6.7)
- [Angular CLI 16.2.12](https://v16.angular.io/docs)
- [Bootstrap 5.2.3](https://getbootstrap.com/docs/5.2/getting-started/introduction/)
- [Remix Icon 4.2.0](https://remixicon.com/)

## Autor 🖋️

- [@JoanArturo](https://github.com/JoanArturo)