WoW Classic Character Guide
Next.js App
This site is built to provide a user friendly way for World of Warcraft players to find information about the classes, gear, and zones in the game. A portfolio project, I would like to keep expanding this to include login, saved gear builds, talent calculators, etc.
Read the full story of building this site at dev.to
Tech Used
- Adobe Photoshop
- Adobe Illustrator
- ReactJS
- HTML5
- CSS3
- JavaScript
- Netlify
- NextJS
![Character select menu](https://cdn.sanity.io/images/m8vumzjq/production/3adf460fc418be9318c43b0a886102b7e4123bb9-954x592.jpg)
![Item data from Fauna DB and tooltips using Wowhead widget](https://cdn.sanity.io/images/m8vumzjq/production/14f5b54e2013f943bcae619c761ea659f33bd7ec-954x592.jpg)
![Ability to save, edit, delete, and create new characters](https://cdn.sanity.io/images/m8vumzjq/production/4537d50b97526d0aa1da0cf93c286e673fad2b32-954x592.jpg)
![Dynamic zones based on faction, level, and filter applied](https://cdn.sanity.io/images/m8vumzjq/production/6cedfafe21e6ac2ce27595dac11e4e4764eeea7a-954x592.jpg)
![Zone images hosted in Cloudinary](https://cdn.sanity.io/images/m8vumzjq/production/40ea53fdcfbd0088d044370656679fc3b0f4dcb8-954x592.jpg)
![Dynamic class guides that change based on the selected character](https://cdn.sanity.io/images/m8vumzjq/production/20e283ba28ae4c256f3ca938ee20ddc917df0eb4-954x592.jpg)
![Character creation form user flow](https://cdn.sanity.io/images/m8vumzjq/production/dbc032520165c3831ccf34a69b3ddfe13eef2b4c-954x592.jpg)