Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/diegoh40/movies_app
Esta es una aplicación de películas hecha en Vue 3
https://github.com/diegoh40/movies_app
Last synced: 23 days ago
JSON representation
Esta es una aplicación de películas hecha en Vue 3
- Host: GitHub
- URL: https://github.com/diegoh40/movies_app
- Owner: diegoh40
- Created: 2023-09-05T21:03:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-06T04:04:22.000Z (over 1 year ago)
- Last Synced: 2024-12-20T18:12:17.378Z (about 1 month ago)
- Language: CSS
- Homepage:
- Size: 1.95 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Double V partners -prueba-tecnica-Diego Hernández
# Películas - Aplicación Interactiva
Esta es una aplicación de películas que cumple con las siguientes características:
1. **Diseño de Lista de Películas y Modal de Descripción:** He elaborado un diseño cuidadoso para la lista de películas y su respectivo modal de descripción. Hemos utilizado tecnologías ágiles de maquetación como Sass y CSS flexbox para garantizar una presentación elegante y de alta calidad.
2. **Componentes Personalizados:** No he utilizado librerías de componentes de presentación preexistentes como Vuetify, Element UI o Material-UI. En su lugar, hemos creado nuestros propios componentes desde cero para garantizar la originalidad y la personalización del diseño.
3. **Diseño Responsivo:** Nuestra aplicación es completamente responsive, lo que significa que se adapta a diferentes tamaños de pantalla y dispositivos, desde computadoras de escritorio hasta dispositivos móviles.
4. **Consumo de API de Películas:** Utilice la tecnología de JavaScript y Vue3.js para consumir la API de películas proporcionada por [The Movie Database (TMDb)](https://www.themoviedb.org/documentation/api). He desarrollado y alimentado el diseño maquetado previamente para hacerlo interactivo y funcional. Mi enfoque incluye el uso correcto de promesas y la minimización de llamadas al API para optimizar el rendimiento de la aplicación.
## Cómo Usar la Aplicación
1. Clone este repositorio en su máquina local.
2. Ejecute el servidor de desarrollo para la aplicación usando Vue.js:
```bash
npm install
npm run dev
```
## Tecnologías Utilizadas
- Vue 3: Framework de JavaScript utilizado para construir la interfaz de usuario.
- CSS Responsivo: Se implementó CSS responsivo para que la aplicación se vea bien en diferentes dispositivos y tamaños de pantalla.
## Instrucciones de Uso
1. Clona el repositorio en tu máquina local:
```sh
https://github.com/diegoh40/prueba-tecnica.git
```
2. Navega hasta el directorio del proyecto:
```sh
cd prueba-tecnica
```
3. Instala las dependencias con el comando:
```sh
npm install
```
4. Inicia la aplicación:
```sh
npm run dev
```
5. Abre tu navegador web y accede a la dirección: `http://localhost:5173`.
6. Inicia Jest-test:
```sh
npm test
```
## Recursos Adicionales
- [Documentación de Vue 3](https://v3.vuejs.org/)
- [API de Noticias](https://newsapi.org/)
## Screenshots
## Contribuciones
Las contribuciones a esta aplicación son bienvenidas. Si tienes alguna idea de mejora, sugerencia o encuentras algún problema, no dudes en abrir un issue o enviar un pull request.
## Licencia
Este proyecto está bajo la Licencia MIT. Puedes ver los detalles en el archivo [LICENSE](./LICENSE).