I’ve been working on a small project related to the game Cyberpunk 2077. In-game, you can collect things known as shards, which are random pieces of lore for you to read. So, I thought it would be useful to create a website version of the shards list so people can freely browse the shards outside of the game.
I’ve tried to replicate the in-game visuals as much as possible, and I’m still working on adding a few more features, mainly full voice acting for all shards.
Unlike the game, I also rearranged the UI to work on mobiles as well!
There’s also a search feature not available in-game. If you use “#AUDIO” in the search box. It will only display shards that already have a voice recording available to listen to.
Let me know what you think! This was coded completely in vanilla HTML, CSS and JS.