Skip to content

Poke-Dex is an API-based web app that displays cards containing information (like their image, type, and location) about different pokemon.

License

Notifications You must be signed in to change notification settings

DammyShittu/Poke-dex

 
 

Repository files navigation

Poke-Dex

Poke-Dex is an API based webapp that displays cards containing information (like their image, type and location) about different pokemon. This is a single-page application(SPA) which contains the home page and comments modal pop-ups. Users can clike the heart icon to give a like to their favorite and post comments by clicking on the comment button in the modal.

Demo Link

Click here to view the website online.

Screenshot

Width - 1440px

Image of the desktop view

Width - 375px

Image of the mobile view

Getting Started

To get a local copy up and running follow these simple steps.

  • You can clone this repo by typing git clone https://github.com/rpire/Poke-dex.git on your terminal.

  • Type cd Poke-dex to access the project on the terminal.

  • Run npm install from your editor's terminal.

  • Run npm run build from your editor's terminal.

  • Run npm start from your editor's terminal to view the project in your browser.

  • Run npx hint . to check for HTML Linter errors.

  • Run npx stylelint "**/*.{css,scss}" to check for CSS Linter errors.

This project was built with:

HTML5

CSS3

JavaScript

Webpack

Jest Library

Version Control System

GIT

👤 Authors

👤 Adedamola M. Shittu

GitHub: @dammyShittu

Twitter: @aded_shittu

LinkedIn: Adedamola Shittu

👤 Rubén D. Pire

GitHub: Rubén D. Pire

LinkedIn: Rubén D. Pire

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgement

  • A big thanks to PokeAPI for making the API endpoints readily available for use.
  • A big thanks to @microverseinc for providing the involvement API.

📝 License

This project is MIT licensed.

About

Poke-Dex is an API-based web app that displays cards containing information (like their image, type, and location) about different pokemon.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 68.8%
  • CSS 25.2%
  • HTML 6.0%