lazyjinchuriki / pokedex Goto Github PK

A Pokedex website made in HTML5, CSS, Vanilla Javascript

Home Page: https://lazyjinchuriki.github.io/pokedex/

HTML 7.15% JavaScript 48.43% CSS 44.42%

pokedex pokemon hacktoberfest hacktoberfest-accepted

pokedex's Introduction

Pokedex App

Pokedex is a web application that serves as a comprehensive guide to Pokemon. It allows users to search for information on different Pokemon species, including their characteristics, abilities, types, and evolutions. The website is built using basic HTML, CSS, and vanilla JavaScript, and it utilizes the PokeAPI to fetch data on Pokemon.

Tech Stacks

Features

Pokedex offers the following features:

Search for Pokemon by name or Pokedex number
Get detailed information about a specific Pokemon, including its types, abilities, stats, and evolutions
View a list of all Pokemon and browse through them
Filter Pokemon based on their types
View popular Pokemon and their rankings
View top-rated Pokemon based on their stats
Explore Pokemon evolutions and their evolutionary paths

Installation

To install Pokedex, follow these steps:

Download the source code from the repository: https://github.com/lazyjinchuriki/pokedex
Extract the files from the downloaded ZIP archive.
Open the index.html file in your web browser.

Usage

Once you have installed Pokedex, you can use it by opening it in your web browser. You can search for Pokemon using the search bar or browse through the list of all Pokemon. Clicking on a Pokemon will display its detailed information, including its types, abilities, stats, and evolutions.

Screenshots

Here are some screenshots of Pokedex in action:

Homepage

Pokemon Overview	Mobile Version

Pokemon Stats	Pokemon Evolution

Credits

Pokedex uses the following open source libraries and APIs:

PokeAPI: https://pokeapi.co/

Contributing

Contributions to Pokedex are always welcome. If you find any bugs or issues, please open an issue on GitHub or submit a pull request.

Contact

If you have any questions or concerns, you can contact the author of this project at [email protected].

Donations

If you found Gallery useful, consider buying me a coffee!

Social

If you're not coding right now, check out my socials:

pokedex's People

Contributors

Stargazers

Watchers

pokedex's Issues

spinning effect on pokeball

can add spinning animation to pokeball on top left, please assign under hacktoberfest.

Alignment is getting distorted while searching.

Hi,
I was going through the project and noticed that when something is typed in the search bar the results that appiers are distorted.
I want to fix this issue can you please assign it to me so that I can start working on it, also please tag this issue with hacktoberfest tag.

Below is the ss of the issue that I pointed out.

Improvement in dark theme

Can improve the dark theme for the site, kindly assign under hacktoberfest.

Add a loading animation until it fetches data from the api

Organized files(css, js) inside folder

i can add pokemonball in navbar redesign the nav

in details.html
assign me @lazyjinchuriki

Text from back side of card visible on mobile

For reference I am on iPhone 13 Pro.

Redesigning the search bar

Redesigning the search bar for better searching experience

Flipping Cards shows both front and back

On hovering on the cards only the back should be shown but both faces are visible.

Fix: flicker when hovering on cards

issue: There is a flickering issue when hovering on the card
https://github.com/lazyjinchuriki/pokedex/assets/38568811/3805857a-e952-4962-9c9e-791f58b656bf

Upgraded Dark theme

I have made a upgraded version in the dark theme mode hope you like it : ) ...
Assign under HacktoberFest ..

Add new feature called weak against and strong against below stats in details.html

remember to add the icon of types which that particular pokemon is weak or strong against.
all the data can be found in the fetch call. The UI should be the same as how it is done to show the typesof pokemon.

Search bar text not disappearing on select

search text not disappearing on search click, it will look better if SEARCH gets a little blurred when the search is clicked.

I would like to contribute, kindly assign me this project under hacktober fest.

UI Change and more data - Hacktoberfest

Hey there I wanted to make a few changes in the UI and also add more cards to the pokemon. Please assign this issue under hacktoberfest-accepted

Adding a filter by section

Generating a filter by section to sort pokemons based on different types

Pull Request Template

At present, there is no standard template for raising a pull request. Every contributor is making a pull request in their own format.

I would like to contribute to this repository by creating a standard Pull request Template.

Fix: pokemon image not showing

issue: Image of pokemon is not loaded on the card

Adding Dark/light toggle

in the pokedex .html
assign me @lazyjinchuriki

Incorrect Topic

Heya!

It looks like you're trying to participate in Hacktoberfest, but your topic has a typo and won't be opted in.

Update the hactoberfest topic to hacktoberfest if you want PRs to this repository to count. :3

Adding Dark mode

I want to add the dark mode in your website
@lazyjinchuriki please assign this issue to me under hactoberfest2023

[Enhancement]: Adding hover effect in the header section (Hacktoberfest 2023)

Adding hover effect in the header section will make the page look more appealing.

fix taskbar and API call

Hello, I would like to contribute to your project to correct the layout in the search bar and the api call. Every time the site is updated it does not show all the pokemon that have been called. I would like to look into these two things. I appreciate the opportunity.