zbtnot / monsterdb Goto Github PK

View Code? Open in Web Editor NEW

0.0 1.0 0.0 418 KB

A webapp covering the first generation of pokemon games

License: ISC License

PHP 61.53% CSS 1.26% Vue 29.25% JavaScript 4.92% HTML 0.37% Dockerfile 1.23% Just 1.45%

monsterdb's Introduction

monsterdb

A web app designed to serve information about the popular video game, Pokemon.

Production Demo

Architecture

The frontend uses Vue and Tailwind
The backend uses Slim 4 with PHP-DI
- The database is sqlite

Development

Clone the repo
Run just build
Run just docker
Run just docker-compose for the dev env

Assets

The data provided in the sql and public/assets directories are sourced from Bulbapedia. This data should be unmodified and used under the terms of the Creative Commons Attribution-NonCommercial-ShareAlike 2.5 license.

License

The source code contained within this repository is available under the terms of the ISC license.

monsterdb's People

Contributors

Watchers

monsterdb's Issues

Link to prod

Add a link to the production demo in the readme

Add base scaffold

Add the backend bits necessary to get the project off the ground

Add subtitle on monster / move load

If you have many tabs open, it would be nice to know which is which at a glance

Add evolutions card to details page

Should show the list of monsters a given monster can evolve into
Should work for the entire hierarchy (e.g., Bulbasaur shows Ivysaur and Venusaur)
Should work for Eevee too (one parent, many children)

Add mp4 version of moves

ios devices do not support webm nor vp8/9 for video tags. A bit of poking around ffmpeg suggests mp4 with a 4:2:0 chroma sampling profile should work correctly.

Use the raw frame data to build a second set of videos in mp4 container format (h.264 or maybe h.265 codec)
Extend the backend to support pulling multiple animation rows per move

Refactor move requisites

The evolution work simplified requisites a bit. Leverage that for moves

Add docker

containers are neat

add phpcs

Detailed view: Add links to next/previous monster

E.g., for Bulbasaur:

Link to Ivysuar

for Ivysaur:

Link to Bulbasaur
Link to Venusaur

and so on

Extract the rest of the move animations

#68 added the table, services and some of the necessary animation files. This issue is to finish adding the rest.

Add license for source code

ISC

sorting bugged on chrome

seems fine in safari and firefox

Make moves sortable on monster details page

Sort by:

Name
Type
Power
PP
Accuracy

Add moves page

Base move stats
Description of the move (sourced from pokemon stadium)
List of monsters that can learn the move
Gif of the move being performed (bonus points for this)
Update details page move list component to link into this page

Add maps page

Interactive map of gen 1
Shows list of monsters for each location

Add monster locations

Add search filter bar for List Page

As a user who's too lazy to scroll down, I would like to type the name of a given monster into a search box and see just the relevant monsters.

Add header to layout

This will make it easier to bounce back from the details page

Add logging

Pull in monolog and set it up

Add assets for gen 1

Add monster portraits

Location backfill pt 4

To Mr. Mime

Add monster details page

Following #14, add a details page that allows the user to click into a given monster

Should show:

name
illustration
types
moves ( from #18 )
~~evolutions ( from #16 )~~
- will punt to a future ticket -- #36

Ideas for the future:

locations found
sprites

Add table to track evolution between monsters

evolution table
- two foreign keys to monster table (from monster 1 to monster 2)

Add frontend linting tools

eslint

Add skeleton mode to Tile component

The list page can take a while to serve illustration assets from my production VPS. Add a skeleton placeholder for the graphic until it loads in completely.

Add dex entries from red and blue to stat table

Extend evolution card with the monster a given monster evolves from

Add sprites for monsters

Add moves table

Table for generation 1 moves (learned, tm, hm)

Add error handling message for List Page

If for some reason we get a bad response from the backend, we should inform the user and give them the ability to retry the request.

Add database files

Probably sqlite

Create makefile to simplify dev environment onboarding

We should add a makefile with commands to reduce complexity around the frontend/backend/db commands

gitignore

🤦‍♂️

Extend evolutions table with how a monster evolves

Typical ones are

level up (what level?)
item (what item?)
trade

Add links to monsters, moves etc
Mobile-friendly

Create a component for a single monster
- Should contain the name and illustration
Add endpoint for backend to serve monster information
- name and illustration path as json
- should pull this information from the database
ListPage should query the backend for this data and render the monster component for every returned item

Button to clear searches

Other possibilities:

Filter by type