sdcervi / pokedexapp

PokeDexApp

Who I am

Stephanie Cervi (she/her)

Hello! I’m Stephanie.

I’m an independent visual designer in California. My journey as an artist and designer has been ongoing for most of my life, but I started working professionally as a designer in 2012.

Skills I can offer

• Expert-level HTML and CSS
• JavaScript
• Responsive web design
• Accessible web design
• Graphic design
• Vector artwork
• Image editing
• Logo desogn & branding
• Print design
• 3D modeling & 3D printing

How to reach me

• Design portfolio
• Facebook
• Instagram

How to support my work

• Ko-fi
• Patreon
• Etsy
• eBay
• Stephanie Cervi Design shop

pokedexapp's Issues

SEO

https://sdcervi.github.io/Reference/design/seo.html#ranking

Display generation-specific dexes

• Create field in database for gen-specific dex numbers (i.e. Generation: 3 - DexNo: XXX. Generation 4 - DexNo: YYY)
• Create separate dex pages for them

Accessibility audit and improvements

• High contrast mode
• Semantic HTML
• QA in each major browser and OS

SSL certificate

Adding settings panel

The idea would be to have a configuration panel (modal or something) that would allow the user to configure which dexes are shown (e.g. just shiny nat dex and shiny alt forms) if they didn't want all of them.

Add Violet/Scarlet new dex entries

Get sticky footer to actually stick

Sticky footer doesn't stick to bottom of page when page contents are shorter than browser window.

Please make it for us to be able to save

Submitted by c*****@gmail.com on 13 April 2021.

Currently working on this, but progress is slow because I have a full-time job and have hit some roadblocks in implementing this feature.

• Can create user login and have it work, using code from an example online
• When I try to add a field to the database, it breaks the login feature somehow
• Not sure how best to store/access/edit user dexes

Add manifest.json file

Gigantamax status

Requested by Ivan: "You should consider adding gigantamax pokemon as their own tab."

Given that as of right now, Pokemon Home doesn't recognize Gigantamax-capable pokemon as visually distinct and separate entities from normal pokemon (other than the badge on the info panel) I won't be adding this feature. I'm keeping a ticket here for it though in case that functionality becomes available in the future on Pokemon Home.

Write README and documentation

Alt forms missing

This is an incredibly helpful tool, there are just a few forms missing for the alt dexes.

• World Cap Pikachu
• Galarian Slowking
• Galarian Legendary Bird Trio,
• Antique Sinistea
• Antique Polteageist
• Female Rhyhorn

Research improving database output into dex

There has to be a faster way to print the dex from the database to the screen. Current steps:

1. Pull from MySQL database into JSON object
2. Convert JSON object into usable variables
3. Operate on those variables with PHP and JavaScript

Should I be pulling from the db each time, or is pulling into JSON the correct way to do it?

iOS and Android apps?

Is it worth finding a way to port this into native apps? Or just tell people to save Safari/Chrome shortcuts to run it like an app on their devices?

User data loads very slowly

Firebase rebuild to-dos

• Sticky footer
• Active page indicators via JS
• Header and footer via JS
• Display national dex JSON data
• Display alt dex JSON data
• Helper functions to clean up code
• Redo footer content with Privacy Policy, Contact Us, ToS
• Cookie banner
• Meta tags
• SEO
• Lighthouse
• Profile drop-down in nav
• Collapse/expand icons for boxes
• Collapse/expand functionality for dexes
• Save collapse state for boxes and dexes
• "Sign in or create an account to save your changes"
• Change toggle state
• Secondary nav jump to a dex, indicates with scroll: https://getbootstrap.com/docs/5.1/components/scrollspy/
• Auto-deploy from git repo, turn off DeployHQ
• Upgrade to newest version of Bootstrap
• Manifest.json
• toggleState.js additional functions and cleanup
• Transfer personal data
• Usage key

Pages

• Landing page
• User dex page
• User profile page
• Sign in
• Alt forms guide
• FAQ
• Progress & To Dos
• Feedback
• Donate
• About
• 404
• Privacy Policy
• Terms of Service

Printer-friendly layout or printable PDF

Mark all caught/uncaught toggle

• Box level
• Dex level

Box print-to-HTML function improvements

• Abbreviate div and element IDs for shorter line lengths
• Optimize and improve code, add comments for better clarity, readability, and maintainability
• Write function to build box cards, then function called by that to build each pokemon's card, to reduce lines of code
• forEach loops instead of for?

New features alert/banner/etc

Build new features alert banner at top to announce new features/improvements, show as button?

Thumbnail preview of box contents for quick reference

Pixel block thumbnail preview of boxes with colors, or Bootstrap progress bars

• Black: caught
• Light gray: not caught
• Orange: trading
• Blue: placing

The galarian alt for for articuno zapdos and moltres are missing

Furfrou trims

Looks like Go and Home added the ability to retain Furfrou trims when deposited, so that should be added as alts in the db entry.

Pumpkaboo and Gourgeist metrics

Add to Alt Forms Guide page, and create link in boxes to view

PUMPKABOO
Small 1’0” (0.3m) 7.7lb (3.5kg)
Average 1’4” (0.4m) 11.0lb (5.0kg)
Large 1’8” (0.5m) 16.5lb (7.5kg)
Super 2’7” (0.8m) 33.1lb (15.0kg)

GOURGEIST
Small 2’4” (0.7m) 20.9lb (9.5kg)
Average 2’11” (0.9m) 27.6lb (12.5kg)
Large 3’7” (1.1m) 30.9 lbs (14kg)
Super 5’7” (1.7m) 86 lbs (39kg)

Add link to Alcremie alts table in boxes

Lazyload images

Need to provide image dimensions to prevent content layout shifts on loading

Table of contents in side margin of page, highlights active section, has jump links

Expand/collapse icons for box title bars

Show/hide usage key

Allow users to show/hide the usage key, store preference as a boolean in their db entry?

List view

So my attempts at list view are on a new branch.

It doesn't look great yet but I want to see what you think about this before I go ahead with it @sdcervi.

Let me know what you think.

Show how many user has caught/trading/placing

Add ability to globally collapse all completed boxes

Transparency in favicon

Remove white background in favicon

Add BDSP & PLA new dex entries

First time visit page/pop up

Build a first-time visit how-to pop-up explaining how data storage works, once implemented.

Transfer domain and hosting

Consolidate my hosting/domains and move away from GoDaddy

Public dexes

Allow for a public URL unique to each user for them to show their dexes to others

Lighthouse audit

Auto-deploy from git repo, turn off DeployHQ

CSS animations for expand & collapse