Runner Spikes
India's premier e-commerce platform for track & field spikes, running shoes, and athletic gear with Razorpay payments.
Technology Stack
Key Challenges
- Building a scalable product variant system with size-color dependencies
- Implementing secure Razorpay payment integration with order verification
- Creating responsive mobile-first UI with swipeable product galleries
- Managing complex filter state with URL synchronization for shareable product searches
- Optimizing image delivery with Cloudinary and AWS S3 integration
Key Learnings
- Deep understanding of e-commerce payment flows and order lifecycle management
- Building role-based access control for admin dashboards
- Implementing infinite scroll with intersection observers
- Managing complex Redux state with RTK Query caching strategies
- SEO optimization with dynamic Open Graph meta tags for product sharing
Overview
Runner Spikes is a full-featured e-commerce platform built specifically for India's track and field athletes. The platform provides World Athletics approved spikes, running shoes, and competition-ready athletic gear.
Key Features
Product Filtering
Browse products by category, brand, tags, size, color, and price range with real-time filtering
Size Charts
Brand-specific size charts for Nike, Adidas, Puma, and General sizing
Secure Payments
Complete purchases securely through Razorpay payment gateway
Order Tracking
Track orders and view order history with delivery status updates
Admin Dashboard
Manage products, categories, brands, orders, users, coupons, and reviews
Technical Implementation
Built with React 19 + Vite for fast frontend development. Redux Toolkit with RTK Query handles state management and API caching. Backend uses Express 5 + MongoDB for a scalable REST API.
- Razorpay for secure Indian payment processing
- Cloudinary + AWS S3 for optimized image storage and delivery
- Twilio for OTP-based phone authentication
- JWT + Helmet for authentication and API security