https://github.com/michallesss/pokeapp
Your pocket pokedex.
https://github.com/michallesss/pokeapp
nextjs pokedex vercel
Last synced: 10 months ago
JSON representation
Your pocket pokedex.
- Host: GitHub
- URL: https://github.com/michallesss/pokeapp
- Owner: Michallesss
- License: mit
- Created: 2024-03-16T15:55:40.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-24T20:04:57.000Z (over 2 years ago)
- Last Synced: 2024-03-25T20:33:35.328Z (about 2 years ago)
- Topics: nextjs, pokedex, vercel
- Language: TypeScript
- Homepage: https://poke-app-rose.vercel.app
- Size: 222 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PokeApp
Twoim zadaniem jest stworzenie aplikacji internetowej, która będzie służyła jako wyszukiwarka Pokemonów. Aplikacja powinna umożliwiać użytkownikom przeglądanie różnych Pokemonów oraz wyszukiwanie ich po nazwie.
### Punkty realizacji:
1. Skorzystaj z publicznego API zwanego PokeAPI (https://pokeapi.co/), aby uzyskać dane o różnych Pokemonach. Możesz użyć odpowiednich zapytań do pobrania informacji o Pokemonach na podstawie ich nazwy.
2. Stwórz interfejs użytkownika w React, który umożliwi użytkownikom wprowadzenie nazwy Pokemonów do wyszukania.
3. Po wprowadzeniu nazwy Pokemona i naciśnięciu przycisku lub klawisza Enter, aplikacja powinna wyświetlić informacje o znalezionym Pokemonie, takie jak jego typ(y), zdjęcie, statystyki, umiejętności itp.
4. Przygotuj również listę wszystkich Pokemonów, którą użytkownik może przeglądać. Po kliknięciu na nazwę Pokemona na liście, aplikacja powinna wyświetlić informacje o tym Pokemonie.
5. Dodaj funkcję, która umożliwi losowanie losowego Pokemona i wyświetlenie jego informacji.
6. Zaimplementuj responsywny design, który będzie działał zarówno na urządzeniach mobilnych, jak i desktopowych.
7. Dodaj funkcję paginacji lub nieskończonego przewijania, aby użytkownicy mogli przeglądać więcej Pokemonów.
8. Opcjonalnie, dodaj możliwość sortowania Pokemonów według różnych kryteriów, takich jak typ, numer w Pokedexie, itp.
### Dodatkowe Punkty:
- Wykorzystaj hooki takie jak useState, useEffect do zarządzania stanem aplikacji i efektami ubocznymi.
- Zaimplementuj walidację danych wejściowych, aby upewnić się, że użytkownik wprowadza poprawną nazwę Pokemona.
- Dodaj animacje lub efekty przejścia, aby interakcja użytkownika była bardziej przyjemna.
- Dodaj możliwość zapisywania ulubionych Pokemonów użytkownika w lokalnym magazynie.
- Utwórz stronę szczegółów dla każdego Pokemona, na której będą wyświetlane bardziej szczegółowe informacje oraz ewentualnie lista ataków.
- Udostępnij aplikację online za pomocą platformy takiej jak Netlify, Vercel lub GitHub Pages.