FreeRoamer

a platform for hikers and outdoor enthusiasts to share and discover new trails.
View Demo · Report Bug

---

Features

• Upload GPX tracks and share them with others
• Share photos and thoughts about your tracks
• Like and comment on other users' posts
• Realtime position tracking
• Stats about your tracks, including average elevation gain and length

Built With

• Next.js hosted on Vercel
• Chakra UI
• Mapbox
• Turf.js
• AWS S3
• Prisma
• PostgreSQL hosted on Supabase
• NextAuth.js
• TypeScript 🖤

Performance Improvements

• SSG, ISR and SSR using Next.js
• Blob storage for images and GPX files using AWS S3
• Serverless functions
• Deploy Serveless to the Edge
• Lazy loading of images

Getting Started

To get a local copy up and running follow these simple steps:

1. Install NPM packages

npm install

2. Create a .env.local file in the root directory and add the following environment variables:

NEXTAUTH_URL=http://localhost:3000
MAPBOX_TOKEN=
DATABASE_URL=
AWS_BUCKET_ACCESS_KEY_ID=
AWS_BUCKET_SECRET_ACCESS_KEY=
AWS_BUCKET_NAME=
AWS_BUCKET_REGION=

3. Run the development server

npm run dev

Gallery