ANO Website
https://titansvalor.org
Website for the Wynncraft guild ANO
Goals
The old website for my guild had several flaws:
No responsive design whatsoever
The index leaderboard was hardcoded
No dark mode support
A copy of this old version has been preserved at https://titantimes.github.io/ to see these faults as they appeared.
Production Details
Originally, I was using create-react-app to develop the project, but switched to Next.js after the former became unmaintained (this was causing issues). Since there was already a design from the old website, I focused on optimizing the design to be more visually pleasing, whilst also fixing the previously mentioned issues.
The leaderboard portion gave me good experience handling databases on websites, expanding on what I already learned from my work on VFox. Plus, it's a completely novel feature from the old website, and is in some ways better than the official Wynncraft leaderboards.
The database and website hosting uses the guild's dedicated server which is maintained by Aezuh. While this is a convenience in that I don't need to worry about the specifics behind that, I do wish that I knew more about it.
Conclusion
I find it funny how the guild website is significantly more developed and pretty than my own website. Granted, the next entry in my to-do list is to take a deeper look at my website, but I think it just goes to show how much I have grown as a front-end programmer and enhanced my skills.
2025.02.13 UPDATE: My website is now better >:3. In hindsight, there are quite a few problems with the guild website relating to accessability and load times, but it's still better than it was before. I am no longer part of the guild, so I can't go back and fix my previous oversights, but it was an extremely valuable learning experience for me that I'm glad I did.