https://github.com/hadi111jafari/capstone2-api-webapp
This web application shows a list of Pokémon that it has retrieved from the PokeApi. Users can like their favorite Pokémon and make comments about them. The Involvement API receives comments and likes. The JEST testing framework enables a few tests. -Built with JavaScript, Jest, API, and CSS.
https://github.com/hadi111jafari/capstone2-api-webapp
api css html5 javascript jest jest-tests webpack
Last synced: 3 months ago
JSON representation
This web application shows a list of Pokémon that it has retrieved from the PokeApi. Users can like their favorite Pokémon and make comments about them. The Involvement API receives comments and likes. The JEST testing framework enables a few tests. -Built with JavaScript, Jest, API, and CSS.
- Host: GitHub
- URL: https://github.com/hadi111jafari/capstone2-api-webapp
- Owner: Hadi111jafari
- License: mit
- Created: 2022-04-19T06:01:03.000Z (about 4 years ago)
- Default Branch: Development
- Last Pushed: 2022-04-23T16:06:01.000Z (about 4 years ago)
- Last Synced: 2025-12-25T21:41:06.473Z (6 months ago)
- Topics: api, css, html5, javascript, jest, jest-tests, webpack
- Language: JavaScript
- Homepage:
- Size: 1020 KB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Capstone2-API-webapp
> This project is a web application based on an external API. We selected an API that provides data about Pokemon based on [PokeAPI](https://pokeapi.co/).
### Images
Home page:
Pop up:
Tests:
This web app displays a list of pokemons. Users can like thier favorite pokemons and make comments about them. Comments and likes are posted to [Involment API](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270). A couple of test are made posible using the Jest framework for testing.
### Video
A short minute video of an overview of our project. [Watch here](https://drive.google.com/file/d/1WITlWTKFv2thxMKwJ_ohlfDtECpiUpZ6/view?usp=sharing).
We liked more the first video we made, so we are going to leave it [here](https://drive.google.com/file/d/1Fj7VyjqQHvipC3F_iafIcZLBJtaX8yXt/view?usp=sharing).
## Built With
- HTML
- CSS
- JavaScript
- GitFlow
- Linters
- Webpack
- Jest for testing
## Live Demo
[Click here!](http://hadi111jafari.github.io/capstone2-API-webapp/)
## Development set up
Clone Repository using
`git clone git@github.com:Hadi111jafari/capstone2-API-webapp`
OR using HTTPS
`git clone https://github.com/Hadi111jafari/capstone2-API-webapp.git`
move into project directory
`cd capstone2-API-webapp`
Install Project dependancies using `NPM`
`npm install`
build with the command
`npm run build`
launch project locally with
`npm start`
## Authors
👤 **Abdul Hadi Jafari**
- GitHub: [@githubhandle](https://github.com/Hadi111jafari)
- Twitter: [@twitterhandle](https://twitter.com/HadiJaf62814146)
- Linked In: [LinkedIn](https://www.linkedin.com/in/abdul-hadi-jafari-85bb4b199/)
👤 **Elmer Lopez**
- GitHub: [@githubhandle](https://github.com/memelopez)
- Twitter: [@memelopez10](https://twitter.com/memelopez10)
- LinkedIn: [Elmer Lopez](https://www.linkedin.com/in/elmer-lopez-51b187200/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Hadi111jafari/capstone2-API-webapp/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Microverse team for guidance
## 📝 License
This project is [MIT](https://opensource.org/licenses/MIT) licensed.