Dokimon

Dokimon

Not enough ratings
Interactive Dokidex
By KnightExcalibur and 1 collaborators
A handcrafted Dokidex that includes search and filter functions, as well as stat radar graphs and detailed information for each Dokimon!
   
Award
Favorite
Favorited
Unfavorite
Intro

Welcome!

I have built a Dokidex website from scratch. It includes several features, which I will detail below.

You can use the Dokidex at this link!

Visit the Dokidex![dokimon-quest-c2934b.gitlab.io]

I will be updating it over time, and any feature requests or suggestions are welcome! Just leave a comment :)

(Note: Currently, the Language icons and main search bar are placeholders and do not have functionality. I will update them in the near future!)

A HUGE THANK YOU to Yano (Creator of Dokimon:Quest) for providing me data from the game to add to the Dokidex, and of course for making a great game!
Updates
1 June 2025
  • Created base Dokidex website
  • Added Dokimon registry
  • Added Dokimon images
3 June 2025
  • Layout improvements
  • Smartphone layout optimization
4 June 2025
  • Added filter and search functionality
  • Added Dokimon stats, types, and descriptions
  • Added radar graphs for stat visualization
5 June 2025
  • Upscaled Dokimon images to higher resolution
  • Layout improvements to Dokimon profiles
  • Added Dokimon evolution levels
7 June 2025
  • Added a links dropdown with links to Yanako RPGs, Dokimon, MonMae, Discord servers
  • Added Dokimon spawn location data
  • Added dark mode functionality!
8 June 2025
  • Added a "World" page, which includes Story, Characters, and Maps
  • Started setting up for a map that displays Dokimon spawn locations:
    • Parsed mini sprites and named them according to their Dokimon name
    • Assigned coordinates to the world map for sprite placement according to location
    • Wrote a script to automatically assign positional sprites to the map according to spawn locations found in their monster profile data
10 June 2025
  • Updated this guide to reflect the most recent changes to the Dokidex
11 June 2025
  • Added clickable evolution chains to monster profiles
12 June 2025
  • Added rare forms to monster profiles
13 June 2025
  • Separated Bound and Unique palettes into their own section
  • Added previous and next buttons to monster profiles
  • Parsed Dokimon movepools to prepare listing of learned skills with lvl they are learned
14 June 2025
  • Added stages 4-6 as options in the Stage filter dropdown
  • Scaled up resolution of all alt. form/palette dokimon sprites
  • Added a Palettes selector dropdown, which changes the displayed dokimon image for all dokimon on the main page according to the selection
  • Fixed centering in mobile layout
  • Added rare form encounter rate above forms box
  • Added ability to switch main Dokimon image to a rare/bound/unique image by clicking on it
  • Added a lock function to save the current monster image palette setting in user's local browser
15 June 2025
  • Replaced element type text with element type images
17 June 2025
  • Added collapsible interactive type effectiveness tool
19 June 2025
  • Fixed cursor events being disabled behind collapsed type effect tool
  • Updated type effect tool highlight colors to match type colors
  • Minor visual edits
20 June 2025
  • Added the DokiTracker!
  • Changed site-wide font to a pixel-themed font
  • Adjusted several minor visuals
  • Improved some of the code under-the-hood
21 June 2025
  • Fixed various visual bugs
  • Made a few small improvements to visual styles
  • Updated "location" to "obtain by" in monster profiles. Added information for Dokimon obtained by means other than normal grass encounters.
  • Improved navbar in mobile layout
  • Added a button to Dokimon profile pages which displays moves and at which level they are learned for the Dokimon

Planned for future updates
  • Fix broken rare form images in DokiTracker
  • Fix light mode visuals for recent additions
  • Display Dokimon spawn locations on world map (I've written most of the code for this)
  • Add ability to compare Dokimon side-by-side
  • Improve mobile layout
    • Type Effectiveness Tool (modify bounds to remain on-screen so tool is collapsible)
    • DokiTracker (improve stacking layout, clicking dokimon name brings you to monster profile instead of slide-out panel)
    • Maps
  • Improve site visuals
    • Dokimon image border colors by type (I've written most of the code for this)
    • Selecting a Dokimon brings up a side-bar instead of loading a new page (desktop only)
  • Improve pages for story, lore, etc.
  • Translate the site into other languages
  • Add Dex for nuumonsters
    • Add left/right buttons to header image, add nuumonsters header image, switch between dex by scrolling header image. (also add a dropdown to select which dex to "Dex" in navbar)
    • Gather data for nuumonsters
    • Gather sprites for nuumonsters
Functions
Main page - dark mode


Main page - light mode


Dark/Light Mode Toggle



Choose whichever mode you like best. The site remembers your preference for the next time you open it up!

Main Page

Here on the main page you will find the full listing of all 144 Dokimon in Dex order.

You can search for specific Dokimon in several ways:

Searching by name dynamically populates the page as you type.



You can also search by location! (Note: Some Dokimon do not spawn in random encounters, and are obtained only by evolution, or are encountered in the overworld as a scripted encounter. Those Dokimon do not have a location listed. I do plan to annotate that under location at some point.)



Filtering by Type (Element) is also an option, and the filter applies as you click the Type's button.



You can also filter by Dual-Type Dokimon! (The example below is Fire/Fairy)



And last but not least, you can filter by evolution stage as well!



Interactive Type Effectiveness Tool:



Intersecting types:

  • Displays all type effectiveness
  • Clickable Types - highlights column or row after clicking
  • Intersecting row and column cell is bordered in a red box

Dokimon Profiles:



When you click on a Dokimon from the main Dex page, you will be brought to its profile page.

Profile pages include:
  • The Dokimon's sprite (image)
  • Clickable evolution chains which bring you to the other Dokimon profile pages in the chain
  • Clickable rare forms which display the rare form as the main Dokimon image
  • Lock button to save the rare form as the Dokimon's main image
  • Default button to change the main Dokimon image back to the default image
  • The Dokimon's base stats (the actual stats can be lower or higher depending on level, but this gives you an idea of how the Dokimon compares to others)
  • A radar graph to visualize the base stats
  • The Dokimon's description:
    • Name
    • Stage (Evolution)
    • Evolution Level
    • Type
    • Location
    • Classification
    • Lore

Layout on Smaller Screens (Smartphones):

I've included optimization for phone screens. If you have any issues displaying this on your phone just let me know which model your phone is and I will add a layout profile for it specifically!

...and scroll down to see...
World
This page includes:
  • Story Synopsis
  • Character Bios
  • Maps
Please keep in mind that the Story and Character tabs do contain spoilers!

The Maps tab includes:
A labeled overworld map
The in-game pixel map

This is just part of the overworld map to save space here in the guide (the full map is in the Dokidex):
Links
The Links dropdown includes the following links:

I hope you find the Dokidex useful! Stay tuned for updates and additional improvements :)
2 Comments
KnightExcalibur  [author] 19 Jun @ 12:37am 
haha thank you!
smeno 16 Jun @ 4:39pm 
You are really crazy, doing all this work. But it is beautiful. :steamthumbsup: