https://github.com/mehmet-github06/pokemon-app

If you want to revive your memories, you can look at the pokemon application.
https://github.com/mehmet-github06/pokemon-app

api dom-manipulation functional-programming html-css-javascript loop try-catch

Last synced: 1 day ago
JSON representation

If you want to revive your memories, you can look at the pokemon application.

• Host: GitHub
• URL: https://github.com/mehmet-github06/pokemon-app
• Owner: Mehmet-github06
• Created: 2023-11-24T14:23:01.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2023-11-24T22:35:04.000Z (12 months ago)
• Last Synced: 2024-01-29T09:51:07.578Z (10 months ago)
• Topics: api, dom-manipulation, functional-programming, html-css-javascript, loop, try-catch
• Language: JavaScript
• Homepage: https://pokemon-app-nine-fawn.vercel.app
• Size: 400 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        






  

    

  


# Pokémon Cards

This is a simple web application that displays Pokémon cards. Users can search for Pokémon by name, and the application will dynamically fetch and display the corresponding Pokémon information.

  


   If you want to revive your memories...

    


    LIVE »

    


  



## Getting Started

1. Clone this repository to your local machine:

    ```bash

    git clone https://github.com/Mehmet-github06/pokemon-cards.git

    ```

2. Open the project folder:

    ```bash

    cd pokemon-cards

    ```

3. Open the `index.html` file in your preferred web browser.

## Features

- Search for Pokémon by name.

- Dynamically fetch Pokémon information from the [PokéAPI](https://pokeapi.co/).

- Display Pokémon cards with their image, name, ID, weight, and type.

## Technologies Used

- HTML

- CSS

- JavaScript

- [Font Awesome](https://fontawesome.com/) for icons

## Usage

1. Type the name of a Pokémon in the search input.

2. Press the search button or hit Enter.

3. View the Pokémon card(s) displayed on the page.

## Screenshots

![Screenshot](./assets/Screenshot_5.jpg)

![Screenshot](./assets/Screenshot_3.jpg)

## Credits

- Pokémon data is fetched from the [PokéAPI](https://pokeapi.co/).

- Icons are provided by [Font Awesome](https://fontawesome.com/).

## On Mobile 📲