Example page made for Women Can Code, day 1. One project all ten days: Study Buddy, a revision helper.

Study Buddy

My topics this week, and how sure I feel about each.

What I asked the chatbot:

"Make a one-page HTML site called Study Buddy that lists my revision topics with a confidence score from 1 to 5. Plain HTML and CSS, no libraries, and comment every block."

Arrays and loops: 2 of 5
Git branches: 3 of 5
HTTP and APIs: 1 of 5

What I read, line by line

<meta name="viewport"> makes it fit a phone.
<ul> is an unordered list; each <li> is one topic.
I asked the chatbot why it used em not px, and changed one back.