Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/nachasilva/dramaflicks

DramaFlicks es una aplicación de películas responsive, que se integra con la API TMDB y utiliza React como framework principal.
https://github.com/nachasilva/dramaflicks

Last synced: 6 days ago
JSON representation

DramaFlicks es una aplicación de películas responsive, que se integra con la API TMDB y utiliza React como framework principal.

Awesome Lists containing this project

README

        

# DramaFlicks Project

## Índice

* [1. Descripción del Proyecto](#1-descripcion-del-proyecto)
* [2. Hallazgos](#2-hallazgos)
* [3. Tecnologías utilizadas](#3-tecnologías-utilizadas)
* [4. Prototipos de la Interfaz](#4-prototipos-de-la-interfaz)
* [5. Instrucciones de uso](#5-instrucciones-de-uso)
* [6. Contribuciones](#6-contribuciones)
* [7. Contacto](#7-contacto)

## 1. Descripción del Proyecto

El objetivo principal del proyecto fue utilizar una api rest externa usando React y Typescript, ya que en los proyectos anteriores utilicé conexiones con api interna o data interna. El proyecto es una aplicación de películas responsive que se integra con TMDB API para la visualización de información pensando en el usuario.

## 2. Hallazgos

A través de focus group con personas entre 30 a 50 años, se descubrieron ciertos hallazgos:

- Buscan un sitio amigable y responsivo
- Un sitio que permita buscar por palabra clave
- Que el navegador cuente con un botón de search (3 personas en el test de usuario)
-Paleta de colores oscuras para una visión más amigable

## 3. Tecnologías utilizadas

* React: La interfaz de usuario está construida utilizando con el framework React, lo que permite crear componentes reutilizables y una experiencia de usuario fluida. Se utiliza para estructura, enrutamiento para permitir la navegación entre diferentes vistas de la aplicación, etc.

* Typescript: Proporcionar una capa adicional de tipado estático a JavaScript, mejorando la robustez y la legibilidad del código.

* Javascript: Lenguaje de programación.

* TMDB-API: Servicio web RESTful para obtener información de películas.

* Boostrap y CSS: Estilos y diseño de la aplicación.

* Figma: Creación e ideación de prototipo de baja y alta calidad.

* Responsive: Media query para ser adaptativo a movile, tablet, laptop y desktop size.

* Trello: Para la organización de tareas y optimización de tiempo.

* Vercel: Para desplegar la aplicación DramaFlicks.

## 4. Prototipos de la Interfaz
## 5. Instrucciones de uso
1. Clona este repositorio.
2. Abre una terminal y navega hasta el directorio del proyecto.
3. Ejecuta npm install para instalar las dependencias.
4. Ejecuta npm run dev para iniciar la aplicación en tu navegador.
5. Interactúa con la aplicación!

## 6. Contribuciones
¡Las contribuciones son bienvenidas! Si deseas contribuir a este proyecto, sigue estos pasos:

1. Realiza un fork de este repositorio.
2. Crea una rama con una descripción clara de la función que estás implementando.
3. Desarrolla y prueba tu función.
4. Realiza un pull request describiendo tus cambios.

Como tip: Se puede dar una mejor funcionalidad al buscador y al menú desplegable por género de películas

Otro tip: Optimización de código, que por el momento está en proceso.

## 7. Contacto

- [x] Si tienes alguna pregunta o sugerencia, no dudes en ponerte en contacto conmigo! [Aquí](https://www.linkedin.com/in/mariaignaciasilva/)

¡Que disfrutes utilizando esta aplicación de películas!
=======
## En proceso