https://github.com/lupemorales/harry-potter-character-finder

Harry Potter characters finder with React
https://github.com/lupemorales/harry-potter-character-finder

html5 javascript reactjs responsive sass

Last synced: about 4 hours ago
JSON representation

Harry Potter characters finder with React

• Host: GitHub
• URL: https://github.com/lupemorales/harry-potter-character-finder
• Owner: lupeMorales
• Created: 2022-08-26T14:20:51.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-30T09:05:04.000Z (almost 2 years ago)
• Last Synced: 2023-03-10T18:28:30.128Z (over 1 year ago)
• Topics: html5, javascript, reactjs, responsive, sass
• Language: JavaScript
• Homepage: https://lupemorales.github.io/Harry-Potter-character-finder/
• Size: 4.05 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![HarryPotter](https://github.com/Adalab/modulo-3-evaluacion-final-lupeMorales/blob/main/src/images/logoHP.jpg?raw=true)

# HARRY POTTER character finder  |      Demo  | 

HARRY POTTER character finder es un buscador web de personajes de Harry Potter. Puedes filtrar la búsqueda según distintos criterios. Además al clickar sobre un personaje se despliegan más detalles del mismo.  

Se trata de un diseño responsivo que puede ser utilizado en cualquier dispositivo.

Está realizada usando React

### Web responsive mobile:

![Mobile](./src/images/HPmobile_view.png)

### Web responsive mobile detalles:

![details](./src/images/HPmobile_detail.png)

### Web responsive desktop:

![desktop](./src/images/HPdesktop_view.png)

## Tecnologías o lenguajes utilizados

- React

- HTML5

- SCSS

- Javascript

- NPM

## Para ejecutar el programa en tu ordenador

Necesitas tener instalado: 

- Node

- npm

- Gulp

Una vez todo instalado, es importante **arrancar el proyecto**, para ello tienes que ejecutar los siguientes comandos en la terminal:

1. ```bash

   npm install

   ```

2. ```bash

   npm start

   ```

## Recursos

 
 HP-API abierto para la búsqueda de información sobre personajes de Harry Potter 


## Contacto

- GitHub [@lupeMorales](https://github.com/lupeMorales )

- Linkedin [@GuadalupeMoralesCarmona](https://linkedin.com/in/guadalupe-morales-carmona-817245226/ )