Selam !
Bu proje benim ilk React projem olamsı dışında aynı zamanda Kodluyoruz 2022 Front End ReactJS Bootcampi için hazırladığım bitirme çalışması. Bootcamp süresince öğrendiğim bilgileri olabildiğince uygulamaya çalıştım.
Live : https://mertenercan-pokedex.netlify.app/
Proje içerisindeki tüm datayı PokeAPIv2.0 üzerinden çektim. (https://github.com/PokeAPI/pokeapi). Projenin basitçe tanımı, API'den gelen Pokémon bilgilerini cardlara mapladim, cardlara tıklandığı zaman ise o Pokémonun detay sayfasına yönlendirdim. Detay sayfası içerisinde ilgili Pokémonun evrim bilgileri, base statları ve movesetleri gibi bilgiler mevcut. Aynı zamanda localstorage üzerinde favori Pokémonları tutuyor.
Proje başlangıcında tasarıma Figma üzerinden bulduğum bir şablon ile devam ediyordum fakat daha sonra bir reddit postunda bu muhteşem tasarıma sahip app'i gördüm. Anında fikrimi değiştirip bu app'in clonunu yapmaya karar verdim. Projenin ilk hali şunun gibiydi ;
İlgili reddit postu (https://www.reddit.com/r/webdev/comments/h7rxtp/pokedex_pwa_using_pokeapi_with_beautiful_css/)
Lütfen bu clone projenin orjinal versiyonunu da ziyaret edin ! (https://hybridshivam.com/pokedex/pokemon)
Thanks to HybridShivam (https://github.com/HybridShivam) for letting me clone his project. Also thanks to duiker101 (https://github.com/duiker101/pokemon-type-svg-icons) for amazing SVG icons.