Runner Spikes
A footwear storefront with catalog administration, checkout, and shipment tracking.
- Status
- Completed
- Platforms
- Web, Backend
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. This freelance project connects a footwear catalog, product variants, checkout, and administration for the store.
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
Checkout and Inventory Decisions
Cart operations check the selected variant and its stock quantity before adding or increasing items. The backend creates Razorpay orders and verifies the payment signature before recording payment completion, keeping client checkout results separate from server-side payment validation.
Address, coupon, order, and shipment modules connect the purchase workflow to fulfillment. Product media and catalog administration support the customer storefront without requiring catalog content to be hardcoded in the frontend.
Have a project or opportunity in mind?
Let's discuss employment opportunities or freelance work.
Contact Kunj