ZOO APP
Zoo-App is a Single-Page Application (SPA) built using HTML, Vue.js, Vue Router, and Bootstrap CSS. It showcases various animals with descriptions and images, dynamically fetched from API Ninjas(for descriptions) and UnsplashAPI(for images).Addition it stores login/Registration information and information recorded in the forms in Firebase
npm install -g @vue/cli
To run this project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/your-username/zoo-app.git
-
Navigate into the project directory:
cd zoo-app -
Install the dependencies:
npm install bootstrap npm install @popperjs/core npm install firebase
-
Start the development server:
npm run build npm run serve
-
Open your browser and go to
your-local-hostto view the app.
API Ninjas Description API: This app fetches animal descriptions from API Ninjas.
- To use this API, get an API key from API Ninjas and replace
'YOUR_API_NINJAS_KEY'in theAnimalList.vueandAnimalDetail.vuefiles.
Unsplash API Image API Animal images are fetched from Unsplash.
- To use this API, get an API key from Unsplash and replace
'YOUR_UNSPLASH_ACCESS_KEY'in theAnimalList.vueandAnimalDetail.vuefiles.