https://github.com/piercel2022/zoo-animals
Zoo-Animals is the a API-based webapp capstone project at the of the second module about the javascript language. In this project, we are receiving data from the Zoo-API . There is also an involvement API we use on the project to display likes. The animals are showing up randomly on the page every time the page is refresh.
https://github.com/piercel2022/zoo-animals
css3 html5 javascript linters webpack
Last synced: about 1 year ago
JSON representation
Zoo-Animals is the a API-based webapp capstone project at the of the second module about the javascript language. In this project, we are receiving data from the Zoo-API . There is also an involvement API we use on the project to display likes. The animals are showing up randomly on the page every time the page is refresh.
- Host: GitHub
- URL: https://github.com/piercel2022/zoo-animals
- Owner: Piercel2022
- License: mit
- Created: 2022-08-02T10:17:33.000Z (almost 4 years ago)
- Default Branch: dev
- Last Pushed: 2023-04-07T20:37:21.000Z (about 3 years ago)
- Last Synced: 2025-03-31T17:25:40.859Z (about 1 year ago)
- Topics: css3, html5, javascript, linters, webpack
- Language: JavaScript
- Homepage: https://piercel2022.github.io/Zoo-Animals/dist/
- Size: 1.68 MB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Zoo Animals
> Description the project.
This project displays 10 random zoo animals and all the details about the specific animal when the user clicks on the comments button! the user can like , comments and also learn the zoology evreytime they will come back to the website.
## Built With
- HTML
- CSS
- JAVASCRIPT (MODULES)
- WEBPACK : A static module bundler for modern JavaScript applications.
- APIs :
- [Zoo Animals API](https://zoo-animal-api.herokuapp.com/animals/)
- [us-central1-involvement-api](https://us-central1-involvement-api.cloudfunctions.net/capstoneApi)
- JEST: A delightful JavaScript Testing Framework with a focus on simplicity.
- LINTERS:( Lighthouse: An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more. Webhint: A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors. Stylelint : A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.)
## Live Demo
[Live Demo Link](https://Piercel2022.github.io/Zoo-Animals/dist)
## Video link
[video](https://drive.google.com/file/d/1DjJEl7d3N_Dk2R-rTGk7wOrtPNBDotSu/view?usp=sharing)
## To get a local copy
1. Clone this repository or download the zip folder:
```
git clone https://github.com/Piercel2022/Zoo-Animals.git
```
2. Navigate to the location of the folder in your machine:
```
cd Zoo-Animals
```
To get a local copy up and run the project follow these simple example steps above.
### Prerequisites:
Any kind of browser.
### Setup :
1. Clone the repository (git clone https://github.com/Piercel2022/Zoo-Animals.git)
2. Then open the folder in your local environment where you cloned it.
3. open gitbash or and any other terminals allowing you to make change to this folder.
## To run and use it:
1. Run :
```
npm install
```
2. Then :
```
npm run build
```
3. And finally
```
npm start
```
which will open it and run automatically in your default browser.
## Authors
👤 **Author1**
- GitHub:[@pamphilemkp](https://github.com/pamphilemkp)
- Twitter:[@pamphilemkp](https://Twitter.com/PamphileMusonda)
- LinkedIn:[@pamphilemkp](https:/LinkedIn.com/PamphileMusonda-2bb8a9237)
👤 **Author2**
- GitHub: https://github.com/Piercel2022
- Twitter: https://twitter.com/pier_celestin
- LinkedIn: https://linkedin.com/in/piercelestinmax
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Piercel2022/Zoo-Animals/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- microverse creative common
- Inspiration
- etc
## 📝 License
This project is [MIT](./MIT.md) licensed.