Skip to content

A web app that return data of the HP character you search. This is a simple frontend project with the purpose of testing my raw skills in JS, HTML and CSS.

License

Notifications You must be signed in to change notification settings

daavsnts/hp-char-wiki

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A web app that return data of the HP character you search.
This is a simple frontend project with the purpose of testing my raw skills in JS, HTML and CSS.

✨ Characteristics

  • No frameworks or libs used in this project (100% pure).
  • The HP-API is used to get the data of the characters.
  • I added localStorage to store the fetch of the characters, avoiding many requests to the API. This also avoid unnecessary memory usage.
  • Everytime you search for a character, if the last fetch it was more than a minute ago, the localStorage will be updated.
  • Some characters have missing data, so the character you search is treated by a function before is inserted into page.
  • I tried to write this code to be the most functional and clean as possible, according to my knowledge.
  • The app is made to be responsive.
  • You may receive CORS errors because the app is not running on a web-server.

📦 Installing

No need to install, just clone or download and open the index.html file.


👀 Preview


📄 License

This project could be used by anyone! MIT License.

About

A web app that return data of the HP character you search. This is a simple frontend project with the purpose of testing my raw skills in JS, HTML and CSS.

Topics

Resources

License

Stars

Watchers

Forks