Building a Modern Munro Tracking Platform: Seeking Expert Insights

As an aspiring web developer eager to expand my skills, I’m in the early stages of creating a side project that combines my passions and technical interests. While I’ve gained hands-on experience with low/no-code tools such as Squarespace and Webflow, along with proficiency in HTML, CSS, and basic JavaScript, I’m eager to challenge myself with a more dynamic and feature-rich development.

My goal is to design a contemporary, user-friendly web application dedicated to Munro bagging—an iconic Scottish hobby of ascending hills over 3,000 feet. Currently, existing websites like munromap.co.uk and munrobagger.scot serve this community, but they tend to feel outdated and lack social functionality. I envision building a sleek, single-page app that not only provides comprehensive mountain information but also fosters community interaction by allowing users to compare their progress with friends and plan trips collaboratively.

Here’s my current plan for realizing this project:

• Frontend: Next.js for server-side rendering and SEO optimization, paired with Tailwind CSS for rapid styling and responsiveness.
• Mapping: Mapbox GL for interactive, detailed maps illustrating Munro locations.
• Backend & Authentication: Supabase to manage real-time database needs, user authentication, and data storage.
• Hosting & Deployment: Vercel, offering seamless deployment for Next.js applications.

This approach represents a significant leap from my current experience, and I’m conscious of the learning curve ahead. I’d love to hear from seasoned developers and community members: Am I heading in the right direction? Are there better tools or strategies I should consider? Any tips or insights to help me make this project successful?

Thank you all for your support and advice!