Running Grass 🌱🏃‍♂️

A web service that visualizes your running records like GitHub's contribution graph.

📱 Screenshots

Main Pages

Landing Page	Main Video

User Pages

Login Page	Profile Page

Running Medal System

Light Mode	Dark Mode

Running Grass Image Sharing

Light Mode	Dark Mode

✨ Key Features

• Running Statistics Visualization
  • Display running records in a calendar format like GitHub's contribution graph
  • Provide monthly and yearly running statistics
• Strava Integration
  • Easy login with Strava account
  • Real-time running data synchronization
• Image Sharing
  • Save running records as images
  • Social media sharing functionality
• Running Goal Management
  • Set personal running goals
  • Real-time goal achievement tracking
• Dark Mode
  • Automatic theme switching based on system settings
  • Manual theme toggle support

🛠️ Tech Stack

Frontend

• Next.js - React Framework
• Tailwind CSS - CSS Framework
• Shadcn UI - UI Component Library
• Lucide - Icon Library

State Management & Data Fetching

• React Query - Server State Management
• Zustand - Client State Management

Error Handling

• React Error Boundary - Error Handling

API Integration

• Strava API - Running Data Integration

Reference

Strava API

Strava Developer Community Hub