Module 1: Introduction to Web Fundamentals

Goal: Build foundational understanding before developing the gateway.

Topics:

• HTML5 structure & semantic tags
• CSS3 fundamentals & responsive design (Tailwind CSS intro)
• JavaScript basics (ES6+)
• DOM manipulation, API fetching, and JSON basics

Project:

Build a simple Checkout Page UI (HTML + Tailwind)

Module 2: Frontend Setup with Next.js

Goal: Create a scalable, SEO-friendly frontend.

Topics:

• Next.js 15 (App Router, SSR vs CSR)
• Routing, layouts, and components
• Tailwind CSS for UI
• Form handling and validation
• Client-side idempotency token generation

Project: