Skip to content

laugeeme/adalab-module3-exam-final

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

· Buscador de Rick and Morty ·


Ejercicio de evaluación del módulo 3 que consiste en desarrollar una página web con un listado de personajes de Rick and Morty, que podemos filtrar por el nombre del personaje.

Realizado por: laurageeme 👩 💻


Requisitos: 📋

  • Traer listado de personajes desde la API:

    https://rickandmortyapi.com/documentation/#get-all-characters

  • Filtrado de personajes por nombre.

  • Link con acceso al detalle del personaje usando React-Router.

  • Uso de grid para mostrar los resultados.

  • Diseño responsive para diferentes dispositivos.

Construido con: 🏠

  • HTML5 y CSS3
  • SASS
  • JavaScript y React
  • VCode
  • Git y GitHub

Estructura de carpetas: 📂

`- _public
   |   `favicon.ico
   |   `index.html
   |   `manifest.json
   |   `rick-and-morty.ico
   |   `robots.txt

`- _src
   |- components
   |  |    `App.js
   |  |    `CharacterCard.js
   |  |    `CharacterDetail.js
   |  |    `CharacterList.js
   |  |    `FilterSearch.js
   |  |    `Header.js
   |  |    `NoResults.js
   |  |    `PageNotFound.js
   |- Images
   |- Services
   |  |    `Fetch.js
   |- stylesheets
   |  |		|- base
   |  |    	|	`- _mixins.scss
   |  |    	|	`- _reset.scss
   |  |    	|	`- _variables.scss
   |  |		|- components
   |  |    	|	`- _characterCard.scss
   |  |    	|	`- _characterDetail.scss
   |  |    	|	`- _characterList.scss
   |  |    	|	`- _filterSearch.scss
   |  |    	|	`- _header.scss
   |  |    	|	`- _noResults.scss
   |  |    	|	`- _pageNotFound.scss
   |  |		`- _app.js
   |  |		`- _footer.js
   |  |		`- _space.js
   |  |
   |-index.css
   |-index.js
   |
`- .gitignore
`- .enunciado-react.pdf
`- package-lock.json
`- package.json
`- README.md 

Instalación: 🔧

1.Instalar Node.js.

2.Descarga o clona el repositorio.

3.Instalar dependencias locales con $ npm install

4.Lanzar el proyecto con $ npm start


Este proyecto ha sido creado con Create React App.