Creating a Modern Web Application for Munro Enthusiasts: A Developer’s Journey

As an aspiring web developer eager to expand my skill set, I’ve embarked on an exciting side project inspired by my personal passions. Having spent several years working with various low-code and no-code platforms such as Squarespace and Webflow, I’m comfortable with HTML, CSS, and basic JavaScript, often creating custom plugins to enhance functionality. However, I feel it’s time to challenge myself with a more ambitious project that combines my love for hill-walking with my desire to build modern, interactive web applications.

The Inspiration: Scottish Munro Bagging

For those unfamiliar, Munro bagging is a popular Scottish pastime involving climbing hills over 3,000 feet. With 282 such peaks, enthusiasts often keep track of their progress and plan trips using dedicated websites. Currently, the main platforms—such as munromap.co.uk and munrobagger.scot—serve their purpose but feel somewhat outdated and lacking in features.

My Vision: A Next-Generation Munro Tracking App

I aim to develop a sleek, single-page application that offers a more modern, user-centric experience. My goal is to create a platform where users can not only view detailed information about individual Munros but also connect with friends, compare progress, and plan expeditions collaboratively. The idea is to elevate the user experience from basic tracking to an engaging social tool.

Technology Stack and Approach

To bring this project to life, I’ve researched and mapped out a tech stack that aligns with my goals:

• Frontend: Next.js combined with Tailwind CSS for fast, responsive design optimized for SEO, particularly through individual Munro info pages.
• Mapping: Mapbox GL for dynamic, interactive maps showcasing peak locations and routes.
• Backend & Authentication: Supabase, offering database management, user authentication, and real-time capabilities.
• Hosting: Vercel, known for seamless deployment of Next.js applications.

Seeking Feedback and Advice

Since this is a significant leap from my existing experience, I’d love insights from seasoned developers. Is this architecture sound for a project of this scope? Are there alternative tools or approaches I should consider? Any tips on best practices or potential pitfalls? Your guidance would be invaluable as I take on this challenge.

Thank you in advance for your support and suggestions!