AbyssAll Watcher!

A Genshin Impact Team Builder application

AbyssAll Watcher is an application built for Genshin Impact users. As a daily Genshin Impact player one might have more than 25 teams that they want to keep saved at a given time, yet the game itself will only allow 10 slots. I've taken it upon myself to supply the user base with a helpful application meant to assist in Spiral Abyss Content. When comparing the new state of the abyss to your current teams, you may find yourself running back and forth through menus to look at all of your teams. Look no further since all of your created teams will be stored for easy access.

Use my app here

Trello planning materials here

How to use my app

First, you should direct yourself to the create-team page via the nav bar, create a new name for a team, and select four characters to be included in the team. Push the create team button and you will be redirected to your profile. After a team is created you can access the View Teams page via the nav bar. You can edit and delete the teams on this page as you, please. I hope you enjoy storing your future teams with my application!

Future updates

• Add a view for all profiles, for interactivity between users.
• Implement comments and a public board to show all profiles with created teams.
• Add Abyss Rotation optimization to improve team creation for all users.
• AbyssAll View displaying past Abyss rotations, and logging player data based on performance in current Abyssal Rotation.

Technologies used

AbyssAll Watcher is a JavaScript, EJS, CSS, Express and NodeJS based application that relies on Mongoose data structuring and the MongoDB database to achieve full functionality. This application is run via the Fly.io deployment service and is updated regularly via Github as well as User authorization via Google OAuth and Passport.

References used

• MDN Web Docs. (n.d.). Mozilla Developer Network. https://developer.mozilla.org/en-US/

• Stack Overflow. (n.d.). Stack Exchange Inc. https://stackoverflow.com/

• Google. (n.d.). Google Search Engine. https://www.google.com/

• Mongoose Web Docs. https://mongoosejs.com/docs/guide.html

Attributions

Character Data

Genshin Impact - Hoyoverse (Est. 2011) https://www.hoyoverse.com/

Genshin Fan-Wiki - https://genshin-impact.fandom.com/wiki/Genshin_Impact_Wiki

Stylesheet References

CSS wand - https://www.csswand.dev/

CSS tricks - https://css-tricks.com/almanac/