Frontend WebCompleted
Geotips
Geotips was built to help Geoguessr players quickly find useful hints and strategies. This was my first project built with Next.js — the UI/UX is intentionally simple and focused on speed and clarity. It does what it set out to do and I'm proud of the result.
Oct 2024 — Nov 2024
Screenshots
Click to expand
Click to expand
Tech Stack
Next.jsTypeScriptTailwind CSS
Key Features
- Responsive layout that works across devices
- Dark mode with a smooth toggle
- Polished micro-interactions using Framer Motion
- SEO and performance optimisations
- Modular, component-based architecture
- TypeScript for safer code
Challenges
- Players needed fast access to tips while playing
- Designing an interface that informs without distracting from gameplay
- Keeping load times low across different network conditions and devices
Solutions
- A clean, minimalist UI with a focus on prioritised content
- Quick-access patterns so tips are available with minimal interaction
- Asset and bundle optimisation to ensure fast page loads