admwx7 / portfolio Goto Github PK

Create an about me page with some basic information

• Rework the existing item scroller to scroll vertically inline instead of horizontally
• Snap to items during the scroll process
• Introduce a vertical "status" bar along right right side
• Support images along the left
• Screenshot relevant projects for the left side image (webp)

Introduce a way for players to create an account then link their dndbeyond profile to their account.

The previous version had an unused feature for sub-domain based routing: blog.amscripting.com

Lets add support for this back in, though I want to handle it in a different format at the routing level. We will be using this for one of the upcoming features.

The rework of am-item-scroller now blocks the user from vertical scrolling over the element, this isn't acceptable and needs to be addressed. Likely we just need to preventDefault() only when triggering the next/previous logic instead of always.

Rewrite the old am-goals-page element using LitElement

The new build relies on TS + Eslint currently for linting and is primed to easily support Prettier as part of that linting stage.

The testing infrastructure was never completely built out, and during the rewrite it was removed as it wasn't 1:1 compatible as-is while also not currently serving a purpose.

Introduce unit tests:

• WCT based UI tests
• Mocha based function tests

Create a proper README file on how to run the app locally, setup, trigger local deployments, maintain the pipeline (firebase login:ci), ...

When using signIn in the firebase.auth SDK we are getting a cross-site resource warning for the cookies that are being generated as they do not have the proper resource flags considered for how they are being utilized.

It's been a while, the design feels a little dated, lets take another swing at the colors and patterns to bring them a little more up-to-date and in alignment with more modern material specs.

Once we have audio/video we can combine the dndbeyond character details with the video playback to offer a consistent token:video format to enable OBS reliable formatting for Twitch streams. We will also want to provide fallbacks for when video is lost that will increase the character token size to fill the video area until the playback resumes or session ends.

There's a decent number of services, utils, and elements that could function completely stand-alone outside of this app. Migrate these to their own package structure so they can be published to NPM for others to utilize.

Ideally link up to an inline PDF viewer to render my resume from gdrive as part of the about page

• Create a visual banner to give info/warning/error details to users when these kinds of notifications are encountered.
• Back it with a UI service that will allow programmatic generation of these notifications easily in the code.
• Link up API errors to trigger notifications to the user

Rewrite the old am-blog-posts element using LitElement

Lets add some local git hooks via husky to prevent commits that aren't following the ESLint standard in conventional-changelog, we can also trigger code linting before pushing to the repo as part of this.

Some of the copy is actually pretty out of date (it has been 2 yrs), take some time to bring it up to speed.

Once players are part of a session, we need to utilize WebRTC over a TURN server to allow bi-directional audio/video streaming between all of the players in a session.

Currently part of the firebase tokens are stored in the UI code, while this isn't an issue according to their documentation and the added security measures of domain locking, I would prefer if these tokens were injected as part of the build, like the CI auth tokens are now. These tokens are currently stored in the FirebaseService.ts file.

The tricky part about this one is that these tokens are required in order to run the build locally, so this task will likely require either a fetch based on the firebase-cli or some kind of split to support an alpha environment used for development while the prod environment credentials are secured.

Getting the following error:
Error while trying to use the following icon from the Manifest: https://amscripting.com/images/manifest/icon-192x192.png (Download error or resource isn't a valid image)

Rewrite the old am-blog-page element using LitElement

We have a .browserslistrc setup and configured but not all of the possible services we use are actually utilizing this file currently.

Rewrite the old am-under-construction element using LitElement

The "host" will need to be able to start a session, which can then be joined by N players. Upon joining they will need to be able to select a character from their available options on dndbeyond.