|
1 |
| -# create-svelte |
| 1 | +# Shiny Hunter |
2 | 2 |
|
3 |
| -Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte). |
| 3 | +Shiny Hunter is a progressive web application built for hunting shiny Pokémon. This project is maintained out of personal interest, and new features/fixes will be delivered whenever I see fit. However, please feel free to make feature requests or report issues! |
4 | 4 |
|
5 |
| -## Creating a project |
| 5 | +# Features |
6 | 6 |
|
7 |
| -If you're seeing this, you've probably already done this step. Congrats! |
| 7 | +## Tabbed Interface |
8 | 8 |
|
9 |
| -```bash |
10 |
| -# create a new project in the current directory |
11 |
| -npm create svelte@latest |
| 9 | +At its core, Shiny Hunter provides an easy way to keep track of multiple shiny hunts. The main page features a tabbed interface where users can switch between different shiny hunts. |
12 | 10 |
|
13 |
| -# create a new project in my-app |
14 |
| -npm create svelte@latest my-app |
15 |
| -``` |
| 11 | +<img src="assets/tabs.png" alt="A screenshot of the tabs in Shiny Hunter" width="250px"/> |
16 | 12 |
|
17 |
| -## Developing |
| 13 | +## Specify Hunt Details |
18 | 14 |
|
19 |
| -Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server: |
| 15 | +Shiny Hunter is built to hunt for a wide array of Pokémon and provides a high level of specificity for what you're hunting, including different varieties, forms, and genders. |
20 | 16 |
|
21 |
| -```bash |
22 |
| -npm run dev |
| 17 | +<img src="assets/creation.png" alt="A screenshot of shiny hunt creation menu" width="250px"/> |
23 | 18 |
|
24 |
| -# or start the server and open the app in a new browser tab |
25 |
| -npm run dev -- --open |
26 |
| -``` |
| 19 | +## Tailored Controls |
27 | 20 |
|
28 |
| -## Building |
| 21 | +The many different ways to hunt shiny Pokémon requires a different way to keep track of a shiny hunt between each method. |
| 22 | +Shiny Hunter provides controls tailored to each method in order to provide useful and accurate data of your shiny hunt. |
29 | 23 |
|
30 |
| -To create a production version of your app: |
| 24 | +<img src="assets/odds.png" alt="A screenshot of the controls for a consecutive fishing shiny hunt" width="250px"/> |
31 | 25 |
|
32 |
| -```bash |
33 |
| -npm run build |
34 |
| -``` |
| 26 | +## Customizable Visuals |
35 | 27 |
|
36 |
| -You can preview the production build with `npm run preview`. |
| 28 | +Shiny Hunter provides a couple of options to customize what sprites you see while hunting for shiny Pokémon. |
37 | 29 |
|
38 |
| -> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment. |
| 30 | +### Sprite Sources |
| 31 | + |
| 32 | +The application can display of one of three different sources for the sprite of the Pokémon you're hunting: |
| 33 | + |
| 34 | +1. The original sprite from that generation |
| 35 | + |
| 36 | +<img src="assets/generation.png" alt="A screenshot of the HeartGold shiny sprite for Totodile" width="250px"/> |
| 37 | + |
| 38 | +2. The model used for Pokémon Showdown |
| 39 | + |
| 40 | +<img src="assets/showdown.png" alt="A screenshot of the Pokémon Showdown shiny sprite for Totodile" width="250px"/> |
| 41 | + |
| 42 | +3. The image used for Pokémon home |
| 43 | + |
| 44 | +<img src="assets/home.png" alt="A screenshot of the Pokémon Home shiny sprite for Totodile" width="250px"/> |
| 45 | + |
| 46 | +### Normal Sprites |
| 47 | + |
| 48 | +Some shiny Pokémon may be hard to distinguish from their normal counterparts. In this case, you can enable "Show Normal Sprites" to view a side-by-side comparison of the shiny sprite and normal sprite. |
| 49 | + |
| 50 | +<img src="assets/show-normal.png" alt="A screenshot of the shiny and normal sprites for Totodile in Shiny Hunter" width="250px"/> |
| 51 | + |
| 52 | +## Hunt History |
| 53 | + |
| 54 | +Shiny Hunter keeps track of previously completed shiny hunts that you can view at any time. |
| 55 | + |
| 56 | +<img src="assets/history.png" alt="A screenshot of history page with a previous shiny hunt selected" width="250px"/> |
| 57 | + |
| 58 | +## Full Application |
| 59 | + |
| 60 | +As a progressive web application, Shiny Hunter provides many of the same benefits as a native application for mobile devices and web browsers alike. |
| 61 | + |
| 62 | +1. Shiny Hunter can be installed from your web browser as a native application on your mobile device |
| 63 | +2. Shiny Hunter will continue to work if you go offline |
| 64 | +3. No accounts are needed to use this service, as all data is stored locally in your device's browser |
| 65 | + |
| 66 | +## Accessibility |
| 67 | + |
| 68 | +A large amount of effort was put into making Shiny Hunter as accessible as possible; in particular, full keyboard navigation is supported using the industry standards for design and functionality. |
0 commit comments