/Frases-de-Friends

modulo-3-evaluacion-intermedia-Giselle-97 created by GitHub Classroom

Primary LanguageSCSS

Frases de Friends

friends-serie

📋Descripción

"Frases de Friends" es una página web que muestra frases y nombres de personajes de la famosa serie de televisión "Friends". Los usuarios pueden explorar y buscar frases de sus personajes favoritos, así como agregar nuevas frases y personajes a la colección. La página se ha desarrollado utilizando HTML, CSS, SASS, JSX y React, y sigue una estructura organizada con componentes para facilitar el mantenimiento y la escalabilidad del proyecto.

👀Vista previa

Puedes ver una vista previa de la página web en línea haciendo clic en el siguiente enlace: Frases de Friends - Vista previa

🔎Funcionalidades

  • Mostrar frases y nombres de personajes de la serie "Friends".
  • Filtrar frases por texto específico en la frase.
  • Filtrar frases por personaje.
  • Agregar nuevas frases y personajes a la colección.

💻Instalación

      1- Clona este repositorio en tu ordenador local usando el siguiente enlace:
      git clone https://github.com/giselle-97/Frases-de-Friends.git 
      2- Navega a la carpeta del proyecto:
      cd Frases-de-Friends
      3- Instala las dependencias necesarias:
       npm install
      4- Ejecuta la aplicación en modo de desarrollo:
      npm start
      5- Abre tu navegador y accede a http://localhost:3000 para ver la página.

👩🏻‍💻Uso

      1- Una vez que la página esté cargada, verás una lista de frases y nombres de personajes de "Friends".
      2- Utiliza los filtros de búsqueda para encontrar frases específicas por texto en la frase y/o por personaje.
      3- Para agregar una nueva frase, completa el formulario en la parte inferior de la página con la frase y el nombre del personaje y haz clic en "Añadir nueva frase".
      4- La nueva frase se agregará automáticamente a la lista.

🧩Contribuir

Si deseas contribuir a este proyecto y agregar nuevas características o correcciones, sigue estos pasos:

      1- Realiza un fork de este repositorio a tu cuenta de GitHub.
      2- Crea una nueva rama en tu repositorio para trabajar en la mejora/corrección:
      git checkout -b mi-mejora
      3- Realiza los cambios necesarios y haz commits con mensajes descriptivos:
      git commit -m "Añadir nueva funcionalidad: XXX"
      4- Envía tus cambios al repositorio remoto en tu cuenta de GitHub:
      git push origin mi-mejora
      5- Abre un Pull Request (PR) desde tu rama hacia la rama main de este repositorio original.

      6- Describe detalladamente los cambios que has realizado y por qué deseas que se incluyan en el proyecto..

🔐Licencia

Este proyecto está bajo la Licencia MIT. Si deseas utilizar o distribuir el contenido de este proyecto, asegúrate de cumplir con los términos de dicha licencia.

🙋🏻‍♀️Créditos

Desarrollado por: Giselle Castro.

📧Contacto

Si tienes preguntas o comentarios sobre este proyecto, no dudes en ponerte en contacto conmigo a través de mi dirección de correo electrónico: giselle.cduran@hotmail.com.