Creating a Modern Web App for Munro Enthusiasts: Seeking Advice and Guidance

As an aspiring web developer venturing into a new side project, I’m eager to share my plans and seek insights from the community. With several years of experience in web development, primarily utilizing low-code and no-code platforms such as Squarespace and Webflow, I’ve developed a foundational understanding of HTML, CSS, and basic JavaScript, including some custom plugin work. However, I feel my growth has plateaued, and I’m motivated to push my skills further through a personally meaningful project.

Project Inspiration and Purpose

Being an avid hill-walker based in Scotland, I’ve long been fascinated by the local tradition known as ‘Munro Bagging’. For those unfamiliar, Munros are peaks exceeding 3,000 feet in elevation, and climbers often aim to ‘bag’ each of the 282 summits to complete their list. While there are existing resources such as munromap.co.uk and munrobagger.scot that help track progress and provide hill information, they tend to feel somewhat outdated and lack modern user experience features.

My goal is to develop a sleek, user-friendly single-page application (SPA) that elevates this experience. I envision a platform that not only serves as a comprehensive Munro database but also incorporates social features—allowing users to compare lists, share trip plans, and foster community engagement.

Technology Stack and Approach

After some preliminary research, I’ve devised a plan for the tech stack that aligns with my ambitions:

• Frontend: Using Next.js with Tailwind CSS to create a fast, responsive, and SEO-friendly interface, with particular attention to individual Munro detail pages.
• Mapping: Integrating Mapbox GL for accurate and interactive hill maps.
• Backend & Authentication: Leveraging Supabase for authentication, database management, and serverless functions, simplifying backend complexity.
• Hosting & Deployment: Deploying on Vercel to ensure smooth continuous deployment and scalability.

Seeking Feedback and Advice

Given that this project marks a significant leap from my current experience, I’m eager to know whether this approach makes sense or if there are alternative suggestions you might recommend. Are these tools well-suited for a project of this scope? Do you foresee any potential pitfalls or enhancements?

Any tips on best practices for integrating these technologies, particularly around scaling user interactions or optimizing for SEO, would be highly appreciated.

Thanks in advance for your support and