Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hoyirul/pokemon-gatcha
This project is built with React.js and TailwindCSS. It allows users to search for Pokémon, view detailed information, and use a gacha system to encounter Pokémon based on location and time of day.
https://github.com/hoyirul/pokemon-gatcha
dom javascript pokemon-api reactjs router-dom
Last synced: 15 days ago
JSON representation
This project is built with React.js and TailwindCSS. It allows users to search for Pokémon, view detailed information, and use a gacha system to encounter Pokémon based on location and time of day.
- Host: GitHub
- URL: https://github.com/hoyirul/pokemon-gatcha
- Owner: hoyirul
- Created: 2024-05-30T13:24:42.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2024-05-30T15:22:45.000Z (8 months ago)
- Last Synced: 2024-05-31T16:32:27.237Z (8 months ago)
- Topics: dom, javascript, pokemon-api, reactjs, router-dom
- Language: JavaScript
- Homepage:
- Size: 7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pokémon App
Pokémon App adalah aplikasi sederhana yang memungkinkan pengguna untuk melakukan pencarian Pokémon dan melakukan gacha Pokémon berdasarkan lokasi tertentu.
## Demo Video
Lihat video demo kami di [YouTube](https://youtu.be/fucITS70jes).## Fitur
- Pencarian Pokémon: Pengguna dapat mencari Pokémon berdasarkan nama dan melihat rincian Pokémon, termasuk gambar, kemampuan, tipe, dan statistik.
- Gacha Pokémon: Pengguna dapat melakukan gacha Pokémon berdasarkan lokasi tertentu, dengan kemungkinan munculnya Pokémon yang berbeda tergantung pada waktu gacha (siang/malam) dan peluangnya.
- Efek Kemampuan: Saat pengguna memilih salah satu kemampuan Pokémon, akan muncul efek dari kemampuan tersebut.## Cara Penggunaan
1. Clone repositori ini ke dalam komputer Anda.
2. Buka terminal dan navigasikan ke direktori proyek.
3. Jalankan `npm install` untuk menginstal semua dependensi.
4. Jalankan `npm start` untuk memulai server pengembangan.
5. Buka browser dan akses `http://localhost:3000` untuk melihat aplikasi.## Teknologi yang Digunakan
- React.js: Digunakan untuk membangun antarmuka pengguna.
- Axios: Digunakan untuk melakukan permintaan HTTP ke API Pokémon.
- React Router: Digunakan untuk penanganan rute di aplikasi.## Kontribusi
Anda dipersilakan untuk berkontribusi pada proyek ini. Silakan buat _pull request_ untuk saran atau perbaikan yang ingin Anda lakukan.
## Pengembang
- [Mochammad Hairullah](https://github.com/hoyirul)
## Lisensi
Proyek ini dilisensikan di bawah Lisensi MIT - lihat berkas [LICENSE](LICENSE) untuk detail lebih lanjut.