jjvemz / rickandmorty-app-frontend

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Proyecto React con Vite

Este es un proyecto React que utiliza Vite como configurador de inicio. Incluye funcionalidades como paginación, filtros, barra de búsqueda y enrutamiento dinámico utilizando la API REST de Rick y Morty para mostrar información sobre los personajes.

Configuración inicial

  1. Clona este repositorio en tu máquina local:

  2. Navega hasta la carpeta del proyecto:

  3. Instala las dependencias del proyecto: npm install

  4. Inicia la aplicación: npm run dev

Esto iniciará la aplicación en modo de desarrollo. Podrás verla en tu navegador en http://localhost:5174.

Dependencias utilizadas

El proyecto utiliza las siguientes dependencias:

  • Vite: Configurador de inicio rápido para proyectos de React.
  • React: Biblioteca de JavaScript para construir interfaces de usuario.
  • react-router-dom: Biblioteca para enrutamiento en una aplicación React.
  • Material-UI: Biblioteca de componentes de interfaz de usuario para React.
  • Bootstrap: Biblioteca de componentes de interfaz de usuario para CSS y JavaScript.
  • Sass: Preprocesador CSS para estilizar la aplicación.

Estructura del proyecto

El proyecto está estructurado de la siguiente manera:

  • src: Contiene el código fuente de la aplicación.
  • components: Carpeta que contiene los componentes de la aplicación.
  • pages: Carpeta que contiene las páginas de la aplicación.
  • services: Carpeta que contiene los servicios de API para obtener datos de la API REST de Rick y Morty.
  • styles: Carpeta que contiene los estilos Sass de la aplicación.
  • App.jsx: Archivo principal de la aplicación.
  • index.jsx: Archivo de entrada de la aplicación.

Uso de la aplicación

La aplicación muestra información sobre los personajes de Rick y Morty. Puedes navegar entre las diferentes páginas y utilizar los filtros y la barra de búsqueda para encontrar personajes específicos. La paginación te permite navegar entre las diferentes páginas de resultados.

¡Disfruta explorando el universo de Rick y Morty!

Contribuciones

Las contribuciones a este proyecto son bienvenidas. Si encuentras errores o mejoras, no dudes en abrir un problema o enviar una solicitud de extracción.

About


Languages

Language:JavaScript 87.4%Language:CSS 6.8%Language:SCSS 3.7%Language:HTML 2.1%