VS Code Installed
React Project Setup Completed
Node.js installed
npm create vite@latest or npx create-react-app already done
Prompt Library Ready
A PDF or text file with all AI prompts for biography, hobbies, projects, etc.
Netlify Account Setup
Students logged into Netlify (Google login works best)
Deployment steps ready
Stable Internet Connection
One folder on desktop for the sample project
Sample image files for student photo placeholder (optional)
Build a clean, simple digital biography page using only HTML & CSS.
Understand how to convert an HTML design into a React component structure.
Learn how React projects are organized and how files work together.
Deploy your first personal website live using Netlify in minutes.
Share your website instantly with parents using a link or QR code.
Experience how AI + Coding can make creation fast, fun, and powerful.
By the end of this session, students will be able to:
Use AI prompts to generate structured content and website sections.
Build a simple digital biography webpage using HTML and CSS.
Understand folder structure and how React converts UI into components.
Deploy a live website for free using Netlify.
Create and share a link/QR code instantly with parents.
Gain confidence in coding, creativity, and digital identity building.
AI Website Maker Bootcamp for Young Innovators (Students of class 7-9)
No Review found