mgsimard / wuwatools

React/TypeScript Study Project - Wuthering Waves Tools

WuwaTools

React/Vite TypeScript Project

View Live Project

About The Project

This project was an excuse to learn the basics of TypeScript, naturally I end up spending more time wrangling with unrelated stuff like Drag & Drop. Bounced from library to library, settled for the alpha rewrite of dnd-kit by Clauderic. Following his documentation, refactor took about 10 minutes tops, pretty baller library rewrite.

Not too certain what features I'd like to write next. The major problem being that there is no public API for Wuthering Waves, so I had to write the entire JSON myself (without keys it's about 70k characters by now). Bit of a nightmare, without mentioning maintaining all of it between updates. As this is a project for fun it probably won't see much updating once I'm done with it.

Features

• Character Roster
• Tier List Creator (With image save)
• Interactive World Map

Built With

• React 18.2.66
• Vite SWC
• TypeScript 5.2.2
• TanStack Router
• @dnd-kit/react
• FontAwesome
• html-to-image
• downloadjs
• Leaflet/React Leaflet
• Firebase Hosting

AES Keys for version 1.1 (From https://github.com/RealNath/wuwa-aes-archive)

• 0x43C51CC2369B9DD195EDCF426C78E30E99D7514DC14E8C03A831E128A3941010
• 0x52B3F2003A28C3145C98866BEECC3F884051140E03CC42946A89DB126AD55E9C

Usage

• Go to https://wuwatools.web.app/
• Do stuff

Contact

MGSimard - [email protected]

Project Link: https://github.com/MGSimard/WuwaTools

Acknowledgments

• Clauderic - (dnd kit)