Set 2 - Design & Deploy Your UI

This assignment is for students who already have a working Vercel account.

Your job is to design a brand new UI, put the code on GitHub, and publish it live on Vercel.

Step 1: Open Google Stitch (stitch.withgoogle.com) and start a new design. Think of a simple idea — a landing page for a club, a portfolio page, or a page about something you enjoy.

Step 2: Use Stitch to design your UI. Make it clean and easy to read. Add a heading, some text, and at least one button or image.

Step 3: Export or get the code from Stitch and open the project in VS Code on your computer.

Step 4: Create a new repository on GitHub and push your project files to it. If you are not sure how, check the Resources section on the home page or ask in the WhatsApp group.

Step 5: Connect your GitHub repo to Vercel and deploy the site. You should get a live link like yourname.vercel.app.

Step 6: Test your live site in the browser to make sure everything looks right.

Step 7: Send your live Vercel link in the class WhatsApp group before the due date.

Take your time and do each step carefully. If you get stuck, ask for help early - do not wait until Monday morning.