Skip to content
Felipe Cantu Jr
Portfolio
  • Web
  • Mobile
  • In Progress

SkateSpot

A full-stack social platform for skateboarders to discover spots on an interactive map, share clips, and compete on global and location-based leaderboards.

SkateSpot

SkateSpot is a full-stack social platform built for the skateboarding community. Skaters can discover local spots, share clips, and compete through a
points-based progression system — live at skate-spot-web.vercel.app.

---
Features

Discovery & Spots
- Interactive Leaflet map displaying skateable locations with filtering by type (street, park, DIY, transition) and difficulty
- Spot verification system and star ratings

Content & Social
- TikTok-style infinite scroll feed for sharing skate clips
- Likes, comments, bookmarks, follows, and real-time activity notifications
- Instagram, YouTube, and TikTok profile link integration

Progression & Competition
- Points system: earn points by creating spots, uploading clips, receiving likes, comments, and followers
- Tier advancement: Rookie → Amateur → Pro → Legend
- Global leaderboards and location-specific "King of the Spot" rankings

Profiles
- Public and private profiles displaying clips, stats, and gear setups
- Auto-generated avatars via DiceBear

---
Tech Stack

- Frontend: Next.js, React 19, TypeScript, Tailwind CSS, Framer Motion, Leaflet
- Backend: Node.js, 26 API routes, NextAuth.js
- Database: SQLite, Prisma ORM
- Hosting: Vercel