Microverse

app

Js-capstone

This project is been made with HTML5, CSS3, JS and Webpack, following the guidelines of MicroverseπŸ”— for best practices.

js-capstone

This project we post and get data using Pokemon API.


In the project are use Pokeapi API for the data about the PokΓ©mon world and Involvement API to record the different user interactions (likes, comments and reservations) provided from Microverse.

This project is part of Microverse's 2.0 curriculum. and it's been built with Html5 and CSS3 and JS and webpack. This webapp list the pokemons

🀍 Preview Image🀍

Desktop

🀍 Presentation Video🀍

🀍 Built With:


  • HTML5 🀍
  • CSS3 🀍
  • JS 🀍
  • Webpack 🀍

🀍 Live Demo 🀍


🀍 Demo


🀍 Instructions:

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

🀍 Getting Started:

To get the content of this project locally you need to run this command on your terminal :

  • cd <folder>

  • git clone https://github.com/Bishoy-Samwel/js-capstone.git

🀍 Install

  • Set up liveserver as an extension in your VS Code.
  • If you don't have the live server extension, or are using another software just view directly in your browser.

🀍 Usage:

  • Right click on "Go Live" in your VScode to view in your browser.
  • If you don't have live server extension right click on the index.html to view in browser.

🀍 Test:

For tracking linter errors locally you need to follow these steps:

  • After cloning the project you need to run this command:

    npm install This command will download all the dependancies of the project

  • For tracking any linter errors in HTML file run:

    npx hint .

  • And for tracking linter errors in CSS file run:

    npx stylelint "\*_/_.{css,scss}"

🀍 Authors:

πŸ‘€ Onesis Olea

πŸ‘€ Bishoy Samwel

πŸ‘€ Sheyla Pozo


🀝 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!

🀍 Acknowledgments

Hat tip to anyone whose code was used

  • Microverse
  • Inspiration