Dutch Championship GeoGuessr

Project Overview

NK GeoGuessr, the official website of the Dutch National Championship GeoGuessr, a platform built to support the community of GeoGuessr players competing in the Netherlands. The website serves as the central hub for tournament participation, live updates, and news. This project allowed me to explore new tools and technologies, including using a CMS for the first time, to deliver a seamless experience for both players and fans.

The Tech Stack

The website was built using SvelteKit, a cutting-edge framework that focuses on performance and developer-friendly workflows. SvelteKit’s features allowed me to craft an efficient, responsive, and interactive user experience.

For content management, I utilized Sanity, a powerful headless CMS that enabled me to structure and manage dynamic content such as news articles, tournament details, and player updates. Sanity’s flexibility ensured that the website could grow and adapt as the championship evolved.

Core Features

NK GeoGuessr comes packed with several core features designed to meet the needs of players and fans:

User Authentication System

Secure login and create account functionality allows users to register, access exclusive content, and interact with the platform.

Participation Form

I developed a custom participation form, making it easy for players to sign up for the championship and provide all required details.

Dynamic News Page

The news page is powered by Sanity, allowing real-time updates and announcements about the championship to keep everyone informed.

Internationalization (i18n)

To ensure accessibility for a wider audience, the site supports both English and Dutch, catering to the Netherlands-based audience and international viewers alike.

Custom Contact Form

A custom-built contact form enables easy communication, helping users get in touch for inquiries, feedback, or support.

Work in Progress

To further enhance the experience for players and fans, I’m currently working on:

Pick’ems System with Leaderboard

Soon, users will be able to make match predictions using a pick’ems system, with a leaderboard tracking their performance and rankings. This feature will add a fun, competitive layer to the championship experience.

Schedule Page with Live Updates

An upcoming schedule page will provide a detailed overview of live matches, complete with real-time updates on scores. This will allow users to follow the action as it happens.

Challenges and Growth

This project has been an exciting opportunity to grow as a developer. Working with SvelteKit gave me valuable insight into modern web development techniques, while my first-time experience with Sanity CMS introduced me to dynamic content management workflows. Building complex systems like multilingual support, user authentication, and real-time features has honed my technical skills and problem-solving abilities.

Conclusion

As the official website for the Dutch National Championship GeoGuessr, NK GeoGuessr serves as a testament to my ability to build feature-rich, scalable web applications. From dynamic content powered by Sanity to interactive features like the pick’ems system and live schedule, this project reflects my dedication to delivering a polished and engaging experience.

I’m excited to continue refining and expanding the platform as the championship grows. Stay tuned for more updates!

https://nkgeoguessr.nl