Steps to reproduce:

1. Go in a game
2. Select matchup
3. Go to a different dex page

• Do not renew the refresh token on every time we refresh the access token
• Add csrf
• Increase lifespan of access token (3~) min
• Same origin policy

• Add Schema
• Create Route
• Add to dex page
• For testing purposes load the notes into the champion page.

Currently it only updates the game assets when the server restarts.

Currently there are no backups.

Current notes are for testing, let's make it awesome and add the tags functionallity to it.

• Styling
• Add
• Animations ofcourse.

Prisma doesn't seem to make them by default? add to all tables.

• Detect whether in a game, by clicking on the button
• If the game_id does not exist, load all 5 champions and make the user decide who he's up against.
• Somewhere decide the lane
• When that's done redirect to the actual dex page.
• Loading indicator match page
• Refactor backend (Postponed to new issue)

Issues

• On newly created account, finding a game doesnt work unless you refresh.
• When loading a second game it crashes because it cant find the gameId

Backlog

• Detect when a game is over (for now it checks on a 1 game buffer, or if clicked on "match finished".)

Expand on this issue in the near future.

The home page currently renders all the champions in one go which is bad practice.

• infinite loading (not neccesary!)
• lazy loading
• Replace flex with cssgrid
• Add animations on hover card
• Reverse modal animations on close/switch
• Implement searchbar

Cloning a dex page should "Create" the matchup for you if it doesnt exist and add their notes to yours.

It's an idea that needs some further thinking behind the scenes.

• Delete
• Validation client
• Validation backend

There are missing models and some properties are missing, since this was done for testing purposes.

Perhaps you 've clicked to soon and it's not the matchup you thought it would be.

• Change lane
• Change enemy champion

^title

Relies on #5

• Login
• Creat Account
• Set a global context for the auth
• Forgot Password
• Set Summoner Account upon first login

• When '/' is pressed, make the input field active.
• Make it obvious when the input field is active.
• On tab, make it obvious that one of the champion cards is active.

Champion page doesn't require the actual champion name, lore and tags. It should simply show a nice image of the champion with a table of all the played matchups. Please wait with doing this untill #29 is finished.

• Search functionallity based on championA, championB and lane.
• Cards of matchups filtered on query

Initial draw was done in a haste, took the time to redesign it.

• Make new migrations
• Refactor Backend
• Refactor Frontend

• Make Admin
• Set user inactive (also revokes refresh token)
• Send them a reset password link
• Champions played
• Matchups played
• Sorting
• Styling
• Fun Metrics?

Should ve added this sooner.

• Refactor all context providers into zustand stores
• Optimize loading resources.

Do this after #40

Browser currently shows the react icon, since I made a simplistic logo,
we should create a simple icon for it and use it.

The limiter doesn't care who makes the requests, if it goes over the limit then everyone is screwed.

Disabled it for now

If its the wrong matchup allow user to delete and redo it.

Relates to #49

• Decrease height
• Add text: "Select your opponent"
• Increase contrast
• Implement reverting from matchups

• Load 12 matchups for each page

Solves:
Issue where the background doesnt fit the screen anymore.

• Shared route -> Profile

View a table of users

• Username
• Email
• SummonerName
• Region
• Member Since
• Champions Played
• Matchups Recorded

Forgot to implement.

Issue:
You are Garen and you are playing against a Renekton, and you want to write a note that should always be available as Garen, or a note that should always be available against Renekton(no matter who you play).

Solution:
/missing

Table should be styled and have a searchbar. When this works see if you can make it a generic component so that we can use it on other pages too. you're free to use a different lib.

• Update staging env by pushing to development
• Staging sub-domain
• SSL
• Store files where it can't be overwritten

• Form elements do not have associated labels
• Links do not have a discernible name

Right now the champions data keeps track of the version, but it doesn't actually update it with the latest.
Also there's an endpoint for just the version!

• Make request to version endpoint and check if valid
• If not valid, the data endpoints should take in the right versioning and upsert it.

• Option to change their currnent summoner account

#29 Should be worked on after this issue.

• Implement introduction video with a text variant
• Add a changelog to the about page that reads from changelog.md

The database is designed in a way that one user account can have many summoner accounts, but there is no functionallity for it as of yet.

Made a big mess out of it, time to refactor :D

• Shared URL for matchups doesn't detect if its on staging or production
• Change the naming of the "ingame" button.
• Padding for input fields.
• Background autofill input fields
• Placeholder for "summoner account" should be value.
• Mobile min-height on dex page
• Champion page layout
• Dotenv issue for production
• server responds with 500 instead of 404 for sync and find
• redirect on found game (need to click twice sometimes..)
• React helmet

Backlog

Allow users to somehow select the matchup in loading screen instead of having to wait till the game has actually started

Current one is deprecated, should be as simple as installing the latest dependency.

• Change to latest dependency
• Get rid of the hacky password === password__confirmation and add it in the validator.

Regarding to point 2 it's commented out in the bottom.

• Create a restfull route
• Make a method in Riot to grab the neccesary data
• Create a database entry
• Handle the request and validation on the client

When done look into implementing it for hosting. Which means we have to refactor the current workflow and vps.

• Sync with auth to see whether champion has matchups
• Fill in information card

Need to design an email template and setup an email address for leaguedex.

Users should be able to create an account and add their summoner account to it.

• Routes Protection
• Create Account
• Login and send access token
• Forgot Password
• Can only set the summoner account once.

• Refactor code, double check status codes and responses.
• Make sure to remove cookie and refresh token from database if expired
• Field Validation
• Renew refreshtoken on accesstoken grant
• Limit amount of requests.

Field Validation

• email must be a valid email
• password must be atleast 6 characters long
• username must be atleast 6 characters long
• email & username must be unique

When clicked on a champion, it should route to the champion page and render the given design in Figma.

champions page

• Render component (view/Champion)
• Display Lore
• Display Tags
• Display Image
• Mobile
• Desktop

The notes can currently have tags assigned to them, but there's no functionality for it as of yet.

Give the user the option to make the entire dex page public, and generate a link for it.

Should have a list of all champions with infinite scrolling, the modals are not part of this issue.

• Mobile
• Desktop

^