PROJECT

Lapo Cart

A comprehensive Next.js e-commerce platform designed for election campaign materials and services, featuring interactive video showcases, shopping cart functionality, payment integration, and modern UI animations.

TypeE-commerce Platform
RoleFull-Stack Frontend Developer
Timeline2024-2025
StatusLive
Next.js 15React 19 RCTypeScriptTailwind CSSFluid TailwindRazorpay Payment GatewayAxiosLucide React IconsDjango REST API BackendCloudinary Media Storage
01

Project Overview

Election Cart is a modern e-commerce platform specifically designed for political campaigns in India. Built with Next.js 15 and React 19, it offers an innovative shopping experience for campaign materials, services, and digital tools. The platform features interactive video showcases, seamless payment integration via Razorpay, and a comprehensive cart system for political campaign needs.

Target Audience

Political candidates, campaign managers, election consultants, political parties, and campaign service providers across India from Panchayat to Parliamentary elections.

Business Goal

To revolutionize political campaign procurement by providing a centralized platform for innovative campaign tools, AI-powered services, and traditional campaign materials with modern e-commerce functionality.

02

Key Features

🎥

Interactive Video Hero Section

Dynamic video showcase with 5 draggable campaign videos, hover-to-play functionality, and mobile carousel with touch gestures.

🛒

Advanced Shopping Cart System

Full-featured cart with localStorage persistence, quantity management, and seamless checkout flow integrated with Razorpay.

💳

Razorpay Payment Integration

Secure payment processing with support for multiple payment methods including UPI, cards, and net banking.

🔐

User Authentication & Profiles

Complete user management system with login, signup, and profile management for personalized shopping experience.

📦

Campaign Packages & Services

Comprehensive catalog of campaign packages including AI video generation, helicopter services, display vehicles, and digital tools.

📱

Fully Responsive Design

Mobile-first approach with fluid Tailwind CSS ensuring optimal experience across all devices and screen sizes.

⚡

Performance Optimized

Built with Next.js 15 and Turbopack for lightning-fast development and production performance with optimized images and lazy loading.

🎨

Modern UI/UX Design

Contemporary design with smooth animations, custom fonts, and brand-consistent color scheme using Tailwind CSS.

03

Technology Stack

Frontend

Next.js 15.0.3React 19.0.0-rcTypeScript 5.xTailwind CSSFluid TailwindLucide React IconsReact IconsCLSX Utility

Backend

Django REST FrameworkAPI Integration via AxiosAuthentication ServicesProduct & Campaign APIs

Database

Backend Database (Django)LocalStorage for Cart PersistenceCloudinary Media Storage

Apis

Razorpay Payment GatewayCampaign Management APIPackage Catalog APIUser Authentication APIOrder Management APIResource Upload API

Tools

Next.js Development ServerTurbopack Build ToolESLint Code QualityPostCSS ProcessingEnvironment ConfigurationVercel Deployment Ready