Client Proposal · Confidential

Shiksha Creation —
E-Commerce Platform

A premium, full-featured clothing e-commerce platform with admin dashboard, Razorpay payment integration, and PDF receipt system.

Prepared By Development & Design Team

Date May 26, 2026

Version 2.0

Status Awaiting Client Approval

01 · OVERVIEW

Project Overview

Shiksha Creation is a premium, full-featured e-commerce platform built exclusively for a clothing retail business. The platform consists of two core parts:

🛍️

Customer-Facing Store

Where shoppers browse, discover, and purchase clothing — with a smooth, luxury shopping experience from homepage to checkout.

🖥️

Admin Dashboard

Where the business owner manages products, orders, customers, payments, banners, and analytics — all in one place.

The platform is designed to be clean, minimal, fast, and conversion-optimized — built to give customers a luxury shopping experience while giving the admin complete control over the business.

02 · GOALS

Goals & Objectives

Goal	Description
🛍️ Increase Sales	Smooth, frictionless checkout to reduce cart abandonment
📱 Mobile First	Fully responsive — works perfectly on all screen sizes
🌍 Multilingual	Support multiple languages to reach wider audience
💳 Secure Payments	Razorpay + COD integration with real-time order confirmation
📊 Business Insights	Admin dashboard with sales analytics and reports
🧾 Digital Receipts	Auto-generated PDF receipts for every order
⚡ Performance	Fast load times, optimized images, smooth animations
🔍 SEO Ready	Meta tags, sitemap, SEO-friendly URLs for Google visibility
📣 Marketing Ready	Meta Pixel, Google Analytics, WhatsApp integration

03 · AUDIENCE

Target Audience

👗

Shoppers (End Users)

Age group: 18–45
Mobile-first users
Fashion-conscious buyers — ethnic & contemporary clothing
First-time visitors and returning loyal customers

⚙️

Admin Users

Business owner / store manager
Inventory and order management staff
Finance team (payment and invoice tracking)

04 · TECHNOLOGY

Technology Stack

Frontend

React.js + Vite

Fast, component-based UI framework

Tailwind CSS

Utility-first styling for clean minimal design

Framer Motion

Smooth page transitions and micro-animations

Zustand

Lightweight global state management

React Query

Server state management and API caching

i18next

Multilingual / internationalization support

React PDF

PDF receipt generation in browser

Recharts

Dashboard charts and analytics graphs

Backend

Node.js + Express.js

Server framework

PostgreSQL

Primary relational database

JWT + Refresh Tokens

Secure authentication

Multer + Cloudinary

Image upload and CDN storage

Nodemailer

Order confirmation and receipt emails

Razorpay SDK

Payment gateway integration

Socket.io

Real-time order status updates

Infrastructure & Services

Cloudinary

Product image CDN

Razorpay

Payment processing

SMTP (Gmail/SendGrid)

Transactional emails

Google Analytics 4

Website traffic tracking

Meta Pixel

Facebook/Instagram ad tracking

05 · ARCHITECTURE

Full System Architecture

Client Browser

Customer Store (React + Vite)

Admin Dashboard (React + Vite)

↓ HTTPS REST API ↓

Backend — Node.js + Express

Auth Routes

Products Routes

Orders Routes

Payments Routes

Users Routes

Coupons Routes

Analytics Routes

Webhooks (Razorpay)

↓

Data & Services Layer

PostgreSQL Database

Cloudinary CDN

Razorpay Gateway

SMTP Email

Socket.io (Real-time)

06 · USER FLOW

Complete User Flow

6.1 Customer Journey

VISITOR LANDS ON HOMEPAGE │ ▼ ┌─────────────────────────────────────────────────────┐ │ Browse Homepage │ │ Hero banner · New Arrivals · Best Sellers │ │ Featured Collections · Testimonials · Offer Banners│ └──────────────────────┬──────────────────────────────┘ │ ▼ ┌─────────────────────────────────────────────────────┐ │ Explore Products (Shop Page) │ │ Filter: category · size · colour · price · stock │ │ Sort: popularity · price · new arrivals │ └──────────────────────┬──────────────────────────────┘ │ ▼ ┌─────────────────────────────────────────────────────┐ │ Product Detail Page │ │ Image gallery + video · zoom · size/colour select │ │ Fabric · wash care · size guide · related products │ └──────────────────────┬──────────────────────────────┘ │ ┌────────┴────────┐ ▼ ▼ Add to Cart Add to Wishlist │ ▼ ┌─────────────────────────────────────────────────────┐ │ Cart Review (Cart Drawer or Cart Page) │ │ Update qty · remove · price breakdown · coupon │ └──────────────────────┬──────────────────────────────┘ │ ▼ ┌─────────────────────────────────────────────────────┐ │ Login / Register (Guest checkout also available) │ └──────────────────────┬──────────────────────────────┘ │ ▼ ┌─────────────────────────────────────────────────────┐ │ Checkout Page │ │ Address · Delivery option · Coupon · GST summary │ └──────────────────────┬──────────────────────────────┘ │ ┌────────┴────────────────┐ ▼ ▼ Razorpay Modal COD Order UPI · Card · NB Confirmed Wallet · EMI Directly │ │ ▼ │ Payment SUCCESS ──────────────────────┘ │ ▼ ┌─────────────────────────────────────────────────────┐ │ Order Confirmation Page │ │ Animated success · Order ID · Estimated delivery │ └──────────────────────┬──────────────────────────────┘ │ ┌────────┴────────┐ ▼ ▼ Email Receipt Download PDF Sent Receipt │ ▼ ┌─────────────────────────────────────────────────────┐ │ My Orders / Track Order Page │ │ Real-time status · order history · request return │ └─────────────────────────────────────────────────────┘

6.2 Admin Flow

ADMIN LOGS IN (Secure JWT Auth) │ ▼ ┌─────────────────────────────────────────────────────┐ │ Dashboard Home │ │ Revenue · New orders · Low stock · Visitor stats │ └──────────┬──────────────────┬──────────────┬────────┘ │ │ │ ▼ ▼ ▼ Orders Products Banners/Content Manage Add/Edit/ Update homepage status Delete banners, offers Pending→ products, collections Shipped→ variants, Delivered inventory │ ▼ Customer gets real-time status update notification

07 · CUSTOMER STORE

Pages & Features — Customer Store

7.1 Homepage

Full-width premium hero banner (image/video)
New Arrivals horizontal scroll section
Best Sellers section
Featured Collections grid
Category Showcase — animated cards
Offer Banner Section — flash sale banners
Brand Story Section — values, heritage
Customer Trust Section — free shipping, returns, security
Testimonials Section — reviews with star ratings
Occasion-Based Collections — Festive, Wedding, Casual
Instagram / Social Media Section
WhatsApp Enquiry Button — floating button
Newsletter Signup — with discount offer
Call-to-Action Buttons — Shop Now, Explore Collections

7.2 Shop / Product Listing Page

Filter by Category, Sub-category, Collection
Filter by Size (XS, S, M, L, XL, XXL)
Filter by Colour (visual swatches)
Filter by Price range slider
Filter by Fabric type
Filter by Availability (In Stock / Out of Stock)
Sort: Newest, Price Low–High, Most Popular, Best Rated
Product cards with hover second image
Quick Add to Cart + Wishlist heart icon
Sale / New badge + Star rating
Pagination or infinite scroll
Active filter chips + product count

7.3 Product Detail Page

Image Gallery with zoom on hover
Product Video option (style/demo)
Size selector with Size Guide popup
Colour / variant selector
Quantity selector
Stock Availability indicator
Add to Cart + Buy Now + Wishlist buttons
Fabric / Material Details tab
Wash Care Instructions tab
Delivery & Return Information tab
"Complete the Look" suggestions
Related Products section
Recently Viewed Products
Product Sharing — WhatsApp, copy link

7.4 Cart Page

Cart items with image, name, size, colour, qty
Quantity update (+/–) and remove item
Price breakdown: subtotal, discount, shipping, GST, total
Coupon code input
Empty cart state with shop CTA
Mini Cart / Cart Drawer — slide-in on desktop

7.5 Checkout Page

Step 1 — Address: add/select, pincode check
Step 2 — Delivery: Standard / Express options
Step 3 — Online Payment via Razorpay
Step 3 — Cash on Delivery (COD) option
Order summary sidebar (always visible)
Coupon code application
GST invoice option for business buyers
Guest Checkout — no forced registration

7.6 Order Confirmation Page

Animated checkmark success animation
Order ID, summary, estimated delivery date
"Download Receipt" button (PDF)
"Track Order" and "Continue Shopping" buttons

7.7 Track Order Page (Standalone)

Enter Order ID + email/phone — no login needed
Visual order status timeline
Order Placed → Confirmed → Processing → Shipped → Delivered
Courier tracking link + expected delivery date

7.8 User Account Pages

My Profile — name, email, phone, photo
My Orders — status badges, tracking, download receipt
Wishlist — saved products, move to cart
Saved Addresses — add/edit/delete
Change Password
Loyalty Points (optional)

7.9 Authentication Pages

Register — Name, Email, Phone, Password
Login — Email/Phone + Password
Forgot Password — OTP via email/SMS
Google OAuth login (optional)

7.10 Other Pages

About Us — brand story, values, lifestyle imagery
Contact Us — form, WhatsApp link, map, email
FAQ — accordion-style questions
404 Page — branded not-found page

08 · LEGAL

Legal & Policy Pages

All policy pages are accessible from the footer and checkout flow.

Page	Description
Privacy Policy	How customer data is collected and used
Terms & Conditions	Rules for using the website and placing orders
Refund Policy	Conditions and process for refunds
Return & Exchange Policy	How to return or exchange products, timelines
Shipping Policy	Delivery timelines, charges, partner couriers
Cancellation Policy	Order cancellation window and process
Payment Policy	Accepted payment methods, security, failed payment handling

09 · ADMIN DASHBOARD

Pages & Features — Admin Dashboard

9.1 Dashboard Overview

KPI Cards — Revenue, Orders Today, New Customers, Pending
Revenue Chart — daily / weekly / monthly / yearly toggle
Top Selling Products — table with units sold, revenue
Recent Orders — live table with quick status update
Low Stock Alerts — products below threshold
Order Status Pie Chart — Pending / Shipped / Delivered

9.2 Order Management

Full order list with filters (status, date, payment method)
Order detail view — customer, items, payment, address
Update order status: Pending → Processing → Shipped → Delivered
Print / download invoice per order
Bulk status update + Export to CSV/Excel
Shipping status update — tracking number, courier

9.3 Product Management

Product list with search, filter, sort
Add product — name, description, category, collection
Price, discount price, GST rate
Multiple image upload (drag & drop)
Product video upload option
Variants — size + colour + stock per variant
Fabric, wash care, SEO title & description
Bulk CSV import + inventory management

9.4 Category & Collection Management

Add / edit / delete categories and sub-categories
Collection management — Festive 2026, Summer Essentials, etc.
Category / collection image upload
Display order — drag to reorder

9.5 Banner & Content Management

Homepage banner update — hero banners, offer banners
Featured collections — select which appear on homepage
Website content edit — brand story, trust section, FAQ

9.6 Customer Management

Customer list with search
Customer profile — personal info, order history, total spend
Block / unblock customer
Export customer list

9.7 Coupon & Discount Management

Create coupon codes — percentage or flat discount
Set minimum order value, usage limit, expiry date
Active / inactive toggle
Usage statistics per coupon

9.8 Payment & Transaction Management

All transactions list with Razorpay payment ID
COD orders tracked separately
Filter by status — success, failed, refunded, COD pending
Initiate refund from dashboard
Download payment reports

9.9 Analytics & Reports

Basic sales report — date range, revenue, order count
Category-wise revenue breakdown
Customer acquisition report
Return / refund report
Export all reports as PDF or Excel

9.10 Settings

Store name, logo, contact info, favicon
Shipping rates — flat rate / free above threshold / pincode
GST settings per category
COD availability — enable/disable, eligible pincodes
Email notification templates
Admin user management — add sub-admins with roles
Razorpay API key configuration

10 · PAYMENT

Payment Integration Flow

CUSTOMER CLICKS "PLACE ORDER" │ ▼ Customer selects payment method: ┌─────────────────────┐ ┌─────────────────────┐ │ Online Payment │ │ Cash on Delivery │ │ (Razorpay) │ │ (COD) │ └──────────┬──────────┘ └──────────┬──────────┘ │ │ ▼ ▼ Backend creates Order saved Razorpay Order with COD status {order_id, amount, currency} Email sent to customer │ ▼ Frontend opens Razorpay Checkout Modal UPI · Card · Net Banking · Wallet · EMI · Pay Later │ ┌──────┴──────┐ ▼ ▼ Customer Customer Pays Cancels → Order stays in cart │ ▼ Razorpay sends payment_id + signature │ ▼ Backend verifies signature (Razorpay secret key) │ ▼ Payment VERIFIED → Order saved with PAID status │ ▼ Email receipt sent · PDF receipt available │ ▼ Admin dashboard updates in real-time (Socket.io)

Supported Payment Methods

Method	Provider
UPI — GPay, PhonePe, Paytm, BHIM	Razorpay
Credit / Debit Cards — Visa, Mastercard, RuPay	Razorpay
Net Banking — all major banks	Razorpay
Wallets — Paytm, Amazon Pay, etc.	Razorpay
EMI — on eligible cards	Razorpay
Pay Later — Simpl, LazyPay	Razorpay
Cash on Delivery (COD)	Manual / In-house

11 · RECEIPT

Receipt & Invoice System

Every successful order auto-generates a downloadable PDF receipt.

SHIKSHA CREATION

TAX INVOICE / RECEIPT

Order IDDUP-2026-00123

Date26 May 2026

PaymentRazorpay (UPI)

Payment IDpay_XXXXXXXXXX

BILL TO

Customer Name

Delivery Address · Phone / Email

ITEMS ORDERED

1. Floral Dupatta (Blue, M)₹ 899

2. Cotton Kurta (White, L)₹ 1,299

Subtotal₹ 2,198

Discount (SAVE10)– ₹ 220

Shipping₹ 49

GST (5%)₹ 101

TOTAL PAID₹ 2,128

[ QR Code — Order Tracking ]
Thank you for shopping with Shiksha Creation!

Auto-emailed to customer on order success
Available to download from Order Confirmation page
Available to download from My Orders page
Admin can download invoice for any order from dashboard
COD orders get receipt after delivery confirmation

12 · MULTILINGUAL

Multilingual Support

The platform supports multiple languages using the i18next library.

Language	Code	Script
🇬🇧 English	en	Latin
🇮🇳 Hindi	hi	Devanagari
🇮🇳 Tamil	ta	Tamil
🇮🇳 Telugu	te	Telugu

Language selector in header (flag + language name)
User's language preference saved in browser storage
All UI text, labels, buttons, error messages translated
Product names and descriptions can have multilingual versions
RTL support ready for future Arabic/Urdu addition

13 · MARKETING & SEO

Marketing & SEO Setup

SEO Setup

Feature	Details
SEO-Friendly URLs	/shop/sarees/floral-silk-saree-blue format
Meta Title	Per page and per product — editable from admin
Meta Description	Per page and per product — editable from admin
Image Alt Text	All product images have descriptive alt text
Sitemap	Auto-generated XML sitemap submitted to Google
Google Search Console	Website verified and indexed
Structured Data	Product schema markup for Google Shopping

Marketing & Tracking Tools

Tool	Purpose
Meta Pixel (Facebook)	Track visitors for Facebook/Instagram ad retargeting
Google Analytics 4	Website traffic, user behaviour, conversion tracking
Google Search Console	Search performance, keyword rankings, indexing
WhatsApp Integration	Floating WhatsApp button for instant customer enquiry
Instagram Link	Instagram feed / profile link in header and footer
Social Media Links	Facebook, Instagram, YouTube, Pinterest in footer
Newsletter Signup	Email list building with discount incentive

14 · FASHION FEATURES

Fashion Brand Specific Features

Designed specifically for a clothing brand to enhance the shopping experience.

Feature	Description
Size Chart	Visual size guide with measurements — chest, waist, hip, length
Fabric Details	Material composition, texture, weight per product
Wash Care Instructions	Icons + text for washing, drying, ironing instructions
Model / Product Styling Section	Show how the outfit looks styled on a model
Occasion-Based Collections	Wedding, Festive, Casual, Office, Party collections
"Complete the Look" Section	Suggest matching accessories / bottom wear / dupatta
Lifestyle Image Placement	Editorial-style images showing products in real settings
Festive Collection Section	Dedicated homepage section for seasonal/festive launches
Home Decor Collection Section	Dupattas, table runners, home textiles (if applicable)
Premium Product Display Layout	Large imagery, editorial feel, luxury presentation

15 · FUTURE-READY

Future-Ready Features

Planned for future phases after initial launch. Built with scalability in mind — can be added without rebuilding the platform.

Feature	Description
Abandoned Cart Recovery	Auto-email/WhatsApp reminder to customers who left items in cart
Email Marketing Integration	Connect with Mailchimp / Klaviyo for campaigns
WhatsApp Marketing Integration	Broadcast offers and order updates via WhatsApp Business API
Loyalty / Rewards Program	Points earned per purchase, redeemable on next order
Referral Program	Refer a friend, both get discount
Gift Card System	Buy and send digital gift cards
Advanced Product Recommendations	AI-based "You may also like" and "Frequently bought together"
Influencer Landing Pages	Custom pages for influencer campaigns with tracking
Campaign Landing Pages	Dedicated pages for sale events — Diwali Sale, End of Season
Advanced Analytics Dashboard	Cohort analysis, LTV, funnel reports
Advanced CRM Integration	Full customer lifecycle management

16 · DATABASE

Database Design Overview

Core Tables

users — Customer accounts (registered + guest sessions) admin_users — Admin/staff accounts with roles categories — Product categories sub_categories — Product sub-categories collections — Curated collections (Festive, Wedding, etc.) products — Product master data product_variants — Size/colour/stock per product product_images — Multiple images per product (variant-linked) product_videos — Product demo/style videos cart — Active cart items per user / guest session wishlist — Saved/wishlist items orders — Order master records order_items — Line items per order order_status_log — Status change history with timestamps payments — Payment records (Razorpay + COD) addresses — Saved delivery addresses coupons — Discount coupon codes coupon_usage — Track coupon usage per user reviews — Product reviews and ratings notifications — User notifications (order updates) recently_viewed — Recently viewed products per user/session banners — Homepage banners (hero, offer, collection) policy_pages — Editable legal/policy page content

Key Relationships

One product → many variants (size + colour combinations)
One product → many images (some linked to specific variants)
One product → optional video
One order → many order items
One order → one payment record
One user → many orders, addresses, wishlist items
One collection → many products

17 · API

API Overview

Authentication

Method	Endpoint	Description
POST	/api/auth/register	Customer registration
POST	/api/auth/login	Customer login
POST	/api/auth/logout	Logout
POST	/api/auth/forgot-password	Send OTP
POST	/api/auth/reset-password	Reset with OTP
POST	/api/auth/refresh-token	Refresh JWT
POST	/api/auth/guest-session	Create guest cart session

Products

Method	Endpoint	Description
GET	/api/products	List products (with filters + search)
GET	/api/products/:id	Single product detail
GET	/api/products/featured	Featured products
GET	/api/products/recently-viewed	Recently viewed (session-based)
GET	/api/categories	All categories
GET	/api/collections	All collections
POST	/api/admin/products	Add product (admin)
PUT	/api/admin/products/:id	Update product (admin)
DELETE	/api/admin/products/:id	Delete product (admin)

Cart & Orders

Method	Endpoint	Description
GET	/api/cart	Get user's / guest cart
POST	/api/cart	Add item to cart
PUT	/api/cart/:id	Update cart item
DELETE	/api/cart/:id	Remove cart item
POST	/api/orders	Create order
GET	/api/orders	User's order history
GET	/api/orders/:id	Order detail
GET	/api/orders/:id/receipt	Download PDF receipt
GET	/api/orders/track	Track order by ID + email (guest)
POST	/api/orders/:id/cancel	Cancel order
POST	/api/orders/:id/return	Request return/exchange

Payments

Method	Endpoint	Description
POST	/api/payments/create-order	Create Razorpay order
POST	/api/payments/verify	Verify payment signature
POST	/api/payments/webhook	Razorpay webhook handler
POST	/api/payments/refund	Initiate refund (admin)
POST	/api/payments/cod	Create COD order

Admin

Method	Endpoint	Description
GET	/api/admin/dashboard	Dashboard stats
GET	/api/admin/orders	All orders
PUT	/api/admin/orders/:id/status	Update order status
GET	/api/admin/customers	All customers
GET	/api/admin/analytics	Sales analytics
POST	/api/admin/coupons	Create coupon
PUT	/api/admin/banners	Update homepage banners
GET	/api/admin/reports	Generate sales reports

18 · UI/UX

UI/UX Design Direction

Design Theme: Clean Minimal — warm, elegant, luxury boutique feel.

Colour Palette

#F8F5F0Warm Cream

#FFFFFFWhite

#1A1A1ANear Black

#6B6B6BMedium Gray

#C17B4ETerracotta

#2D7A4FSuccess

#D94F3DError

#E8E2DABorder

Typography

Use	Font	Weight
Brand / Display	Cormorant Garamond	400, 600
Headings	Playfair Display	500, 700
Body / UI	Inter	400, 500
Prices / Numbers	DM Mono	500

Key UI Patterns

Cards — soft shadow, 12px rounded corners, hover lift
Buttons — solid (primary), outlined (secondary), ghost (tertiary)
Images — aspect ratio locked, lazy loaded, skeleton placeholder
Forms — floating labels, inline validation, clear error states
Navigation — sticky header, mega menu, mobile hamburger
Animations — subtle fade-in on scroll, 300ms transitions
Loading — skeleton screens (no spinners)
Empty States — illustrated with clear CTAs
WhatsApp Button — fixed floating, bottom-right corner

Responsive Breakpoints

Breakpoint	Width	Layout
📱 Mobile	< 640px	Single column, bottom navigation
📟 Tablet	640–1024px	2 column grid
🖥️ Desktop	> 1024px	3–4 column grid, sidebar filters

19 · SECURITY

Security & Performance

Security Measures

JWT authentication with short expiry + refresh token rotation
Password hashing with bcrypt (salt rounds: 12)
Rate limiting on auth endpoints (prevent brute force)
Input validation and sanitization on all API endpoints
SQL injection prevention (parameterized queries)
CORS configured for allowed origins only
Razorpay signature verification on every payment
HTTPS / SSL enforced in production
Admin routes protected with role-based access control
Regular automated backups

Performance Optimizations

Cloudinary CDN — auto-format, auto-quality, compression
React Query caching — minimize redundant API calls
Code splitting and lazy loading of route components
Infinite scroll / pagination to limit data per request
Database indexes on frequently queried columns
Gzip compression on API responses
Mobile performance optimization
Browser compatibility — Chrome, Safari, Firefox, Edge

Testing Checklist

✅ Form validation testing
✅ Payment flow testing (test mode + live mode)
✅ Checkout flow testing
✅ Broken link checking
✅ Mobile responsiveness testing
✅ Cross-browser compatibility testing

20 · TIMELINE

Project Timeline

Total Estimated Duration: 60 Days

Day 1–6

Phase 1 — Foundation

Project setup, domain/hosting/SSL, DB schema, Auth API, Admin login

Day 7–12

Phase 2 — Product Management

Backend API + admin UI — products, categories, collections, banners

Day 13–18

Phase 3 — Customer Store

Homepage, Shop page, Product Detail pages

Day 19–24

Phase 4 — Checkout & Payments

Cart, Checkout, Razorpay integration + Cash on Delivery

Day 25–30

Phase 5 — Orders & Receipts

Order management, Track Order page, PDF receipt, Email notifications

Day 31–36

Phase 6 — Admin Dashboard

Analytics, reports, banner management, customer management

Day 37–42

Phase 7 — Multilingual & Account

Multilingual support (4 languages), Account pages, Wishlist, Policy pages

Day 43–48

Phase 8 — Marketing & SEO

SEO setup, Meta Pixel, Google Analytics, WhatsApp integration

Day 49–54

Phase 9 — Testing & Optimization

Payment testing, checkout testing, forms, mobile, browser, bug fixes, performance

Day 55–60

Phase 10 — Deployment & Handover

Deployment, domain setup, SSL, backup, admin training, final handover

21 · DELIVERABLES

Deliverables

Everything the client receives upon project completion.

🛍️ Website & Store

✅Complete e-commerce website — all pages, fully responsive (Mobile, Tablet, Desktop)

✅Customer-facing store — Homepage, Shop, Product, Cart, Checkout, Account, Track Order

✅All 7 Legal & Policy pages

✅Fashion-specific features — size guide, fabric details, wash care, "complete the look"

🖥️ Admin Panel

✅Full Admin Dashboard — orders, products, categories, collections, customers, coupons

✅Banner & content management — update homepage without developer

✅Basic sales reports and payment tracking

💳 Payments & Orders

✅Razorpay Payment Integration — UPI, Card, Net Banking, Wallet, EMI (Live & Test mode)

✅Cash on Delivery (COD) option

✅PDF Receipt System — auto-generated on every order

✅Order confirmation email + status update emails

⚙️ Technical Setup

✅Domain connection + Hosting/Server setup

✅SSL certificate setup

✅Website security setup

✅Business email connection support

✅Favicon + logo placement + brand colours + fonts

🔍 Marketing & SEO

✅Basic SEO setup — meta titles, descriptions, alt text, sitemap, SEO-friendly URLs

✅Google Analytics 4 setup

✅Google Search Console setup

✅Meta Pixel (Facebook/Instagram) setup

✅WhatsApp integration (floating button)

✅Instagram + social media links

🌍 Multilingual & Quality

✅4 Languages — English, Hindi, Tamil, Telugu

✅Full testing — payment, checkout, forms, mobile, browser compatibility

✅Performance optimization — speed, image compression, lazy loading

✅Backup setup

✅Basic training on website and admin panel usage

✅API Documentation + Deployment Guide

✅1 Month Post-Launch Support — bug fixes and minor changes

22 · PRICING & COSTS

Pricing & Cost Breakdown

The project cost covers everything needed to build, launch, and maintain the Shiksha Creation e-commerce platform. Below is a clear breakdown of what is included.

💻

Development Cost

One-time project fee — everything included

✓

Frontend Development

Customer store — all pages, fully responsive

✓

Admin Dashboard

Full management panel with all modules

✓

Backend API

Node.js + PostgreSQL REST API

✓

Razorpay + COD Integration

Full payment gateway setup

✓

PDF Receipt System

Auto-generated receipts on every order

✓

Multilingual Support

English, Hindi, Tamil, Telugu

✓

SEO + Marketing Setup

Meta Pixel, GA4, Search Console, WhatsApp

✓

Testing + Deployment

Full QA, launch support, admin training

🌐

Domain & Hosting

Annual recurring charges — included in package

✓

Domain Name Registration

e.g. shikshacreation.com — annual renewal included

✓

Web Hosting Setup

VPS / cloud hosting — Node.js compatible

✓

SSL Certificate

HTTPS security — setup and configuration included

✓

Cloudinary CDN Setup

Product image storage and delivery

✓

Business Email Setup

Professional email connection support

✓

Email Service (SMTP)

Transactional email for order confirmations

✓

Backup Configuration

Automated database and file backups

🔧

Annual Maintenance

Post-launch support & upkeep — included

✓

Bug Fixes & Minor Updates

Ongoing issue resolution throughout the year

✓

Security Updates

Dependency patches and security monitoring

✓

Performance Monitoring

Uptime checks and speed optimization

✓

Database Backup

Weekly automated backups

✓

Content Updates

Banners, products, offers — up to 4 per month

✓

Priority Support

Response within 24 hours on working days

✓

Domain & Hosting Renewal

Annual renewal assistance and coordination

💳 Razorpay Transaction Charges
Razorpay charges a small transaction fee on every successful payment (typically 2% per transaction, varies by payment method). This is charged directly by Razorpay to the business account and is not part of the development or maintenance cost.

🚀 Feature Additions
Any new major features or pages added after the initial launch (e.g., loyalty program, influencer pages, advanced analytics) will be quoted separately based on scope.

01 · Development

One-Time Cost

Complete website + admin dashboard
Payment integration (Razorpay + COD)
PDF receipts + email notifications
Multilingual + SEO + marketing setup
Testing, deployment & training

02 · Domain & Hosting

Annual Charges Included

Domain name registration & renewal
Web hosting (VPS / cloud server)
SSL certificate setup
Cloudinary CDN + email service
Business email connection

03 · Annual Maintenance

Yearly Support Included

Bug fixes & security updates
Performance & uptime monitoring
Content updates (up to 4/month)
Database backups
Priority support within 24 hours

23 · SOCIAL MEDIA & BRAND PLANS

Social Media & Brand Marketing Plans

Choose the right plan based on your brand goals. All cells below are directly editable — click any cell to update the content.

Features Comparison Overview	Plan A Brand Launch	Plan B ⭐ Brand Establishment RECOMMENDED	Plan C Brand Growth & Authority

✓ Changes saved successfully

Shiksha Creation —E-Commerce Platform

Project Overview

Customer-Facing Store

Admin Dashboard

Goals & Objectives

Target Audience

Shoppers (End Users)

Admin Users

Technology Stack

Frontend

Backend

Infrastructure & Services

Full System Architecture

Complete User Flow

6.1 Customer Journey

6.2 Admin Flow

Pages & Features — Customer Store

7.1 Homepage

7.2 Shop / Product Listing Page

7.3 Product Detail Page

7.4 Cart Page

7.5 Checkout Page

7.6 Order Confirmation Page

7.7 Track Order Page (Standalone)

7.8 User Account Pages

7.9 Authentication Pages

7.10 Other Pages

Legal & Policy Pages

Pages & Features — Admin Dashboard

9.1 Dashboard Overview

9.2 Order Management

9.3 Product Management

9.4 Category & Collection Management

9.5 Banner & Content Management

9.6 Customer Management

9.7 Coupon & Discount Management

9.8 Payment & Transaction Management

9.9 Analytics & Reports

9.10 Settings

Payment Integration Flow

Supported Payment Methods

Receipt & Invoice System

Multilingual Support

Marketing & SEO Setup

SEO Setup

Marketing & Tracking Tools

Fashion Brand Specific Features

Future-Ready Features

Database Design Overview

Core Tables

Key Relationships

API Overview

Authentication

Products

Cart & Orders

Payments

Admin

UI/UX Design Direction

Colour Palette

Typography

Key UI Patterns

Responsive Breakpoints

Security & Performance

Security Measures

Performance Optimizations

Testing Checklist

Project Timeline

Phase 1 — Foundation

Phase 2 — Product Management

Phase 3 — Customer Store

Phase 4 — Checkout & Payments

Phase 5 — Orders & Receipts

Phase 6 — Admin Dashboard

Phase 7 — Multilingual & Account

Phase 8 — Marketing & SEO

Phase 9 — Testing & Optimization

Phase 10 — Deployment & Handover

Deliverables

🛍️ Website & Store

🖥️ Admin Panel

Shiksha Creation —
E-Commerce Platform