Course hub · Draft
AI-Powered Full Stack
Ship a small web app with one real AI feature. Volume 1 covers shape, starter, API, database and summarise.
Who this is for
Students and working professionals in India who know a little JavaScript or Python and want a portfolio project that is more than a ChatGPT screenshot. Also useful if you already follow the AI Coding course and want product shape.
What you will build
A demo “India Shop FAQ / summarise” app: Next.js UI, /api/ask, Postgres faqs table, and a server-side model call.
How to use this path
Read chapters in order. Do every Practice block. Do not deploy secrets. Live batch details: use Enquire — this site does not list fees on chapter pages.
Chapters
- Chapter 01
What Is AI-Powered Full Stack Development
Full stack means frontend + backend + data. AI-powered means one real AI feature is part of the product — not a slide.
- Chapter 02
Project Shape: Frontend + API + Database + AI Feature
Before you open VS Code, fix the folders and the request path. Chaos here wastes weeks.
- Chapter 03
Next.js Starter (App Router)
Volume 1 picks Next.js App Router so one tool covers pages and API routes. React-only is fine later.
- Chapter 04
Simple API for the App (Node or Python)
The UI should not call the AI vendor directly. Your API is the gatekeeper.
- Chapter 05
Database Basics for Full Stack (Postgres)
AI answers improve when grounded in your FAQ rows. Postgres is the beginner default.
- Chapter 06
Add an AI Feature: Summarise Text with an API
Now connect a real model call — still behind your API, with tight limits.
FAQ
Do I need to know React deeply?
Basic HTML/JS is enough to start. Chapter 3 walks the Next.js starter slowly.
Which AI vendor should I use?
Any OpenAI-compatible HTTP API you can access legally. Keep keys on the server. We do not promote a paid plan here.
Is this the same as the AI Coding course?
No. AI Coding focuses on IDE assistants. This track focuses on shipping UI + API + DB + one AI feature.