An open API service indexing awesome lists of open source software.

https://github.com/lukasvolgger/pokedex

Pokedex for learning how to use APIs.
https://github.com/lukasvolgger/pokedex

api bootstrap browser css html javascript pokedex pokedex-api pokemon pokemon-api

Last synced: about 2 months ago
JSON representation

Pokedex for learning how to use APIs.

Awesome Lists containing this project

README

          

# Pokédex
This is a learning project from the Frontend Web Development course of the [Developer Akademie](https://developerakademie.com/). The focus was on handling REST APIs and learning HTML, CSS and JS. The Bootstrap design framework was also used.

**IMPORTANT:** Please note that learning projects focus on the given tasks. It is therefore possible that some functions do not work or are not scripted.

**Table of Contents**

- [Pokédex](#pokédex)
- [Features](#features)
- [Preview](#preview)
- [Run the Application](#run-the-application)
- [1. Requirements](#1-requirements)
- [2. Clone the Source](#2-clone-the-source)
- [3. Start the Application](#3-start-the-application)
- [Feedback \& Support](#feedback--support)
- [License](#license)

## Features
Here is an overview of the most important functions of the project.

**Available Languages**

- English

**Functionality**

- All 1126 Pokémon are available
- Pagination: 20 Pokémon are loaded. Scrolling all the way down will load another 20 Pokémon
- Click on a Pokémon to see the details
- Search all Pokémon
- Save your favorite Pokémon
- Favorite Pokémon are saved in local storage
- Responsive Webdesign

## Preview

![Cover](./assets/img/preview/cover-min.png "Project Cover")

---

![Home](./assets/img/preview/home-min.png "Home Preview")

---

![Details](./assets/img/preview/details-min.png "Details Preview")

## Run the Application
Follow these steps to run the application.

### 1. Requirements
All you need is a web browser like one of the following:

- [Google Chrome](https://www.google.com/chrome/)
- [Mozilla Firefox](https://www.mozilla.org/en-US/firefox/new/)
- [Microsoft Edge](https://www.microsoft.com/en-US/edge)

### 2. Clone the Source
Clone the source code or download the repository on your local computer by clicking the **Code** button.

``` bash
git clone https://github.com/LukasVolgger/pokedex.git
```

### 3. Start the Application
Navigate to the location on your computer where you cloned/downloaded the code. In the project directory, open the **index.html** file with a web browser.

## Feedback & Support
Your feedback is invaluable, and I'm here to assist you with any questions or concerns. Your input plays a crucial role in enhancing the project and optimizing the user experience. Feel free to reach out to me:

- **Feedback:** Share your thoughts, suggestions, or ideas with me so that I can continuously work towards improvement.

- **Support Inquiry:** If you encounter difficulties or need assistance, [create a new GitHub issue](https://github.com/LukasVolgger/pokedex/issues/new). Please describe your issue in detail to enable me to provide quick and accurate support.

Thank you for your support!

## License
Please note the following license terms.

[MIT License](./LICENSE.md)