Created
2021
Tech
Nuxt.js
Zeldathon is an annual 6-day charity broadcast celebrating The Legend of Zelda franchise while raising money for charities like Direct Relief, St. Jude Children's Research Hospital, and charity:water. I was brought on the team to work with their web designer to bring a modern web presence for the organization.
beginnings
The structure and design of the webpage was created in Figma. My role was to take these Figma designs and transition them into a website, I had my choice of what technologies I wanted to use. Given my understanding, the want for SEO, and ease of development, I chose to use Nuxt.js for this project.
development
Using Nuxt I was able to leverage being able to use templating to generate the headers, footers, and other reused elements like picture frames to ensure the site theme remains dynamic and the code remains clean and easy to understand should anyone else on the development team needs to pick up this project in the future; highly likely in a ever-changing public event like Zeldathon.
In addition to Nuxt, the site leverages AWS Amplify to generate and host the backend using AppSync, DynamoDB, and GraphQL as well as using S3 for image hosting.
beyond
The existing backend structure has gone towards providing additional event-relevant information in other places, such as directly on our Twitch livestream during the events. This Twitch Extension shows event info, the schedule, and more without having to leave the page. There's also a backend dashboard to control items presented on the website such as team rosters, schedules, and event history locked behind a Cognito user login portal.