Website: Personal

---

Requirements

Build your own personal website starting from ideation, then go through a simple sketch design, wireframing, mockup. After that, create some web pages with HTML and style those with CSS. In the end, put some interactivity with JavaScript.

Process

• Use HTML5
• Deploy your website to the Internet
• Use CSS3
• Use JavaScript

---

Level 0: Week 1

• Initiate your Git repo on your computer
• Connect your local repo to GitHub repo
• Create the initial README
• Describe your desired website content
• Add and commit your file changes with Git
• Push your code to GitHub
• Always remember to create a Pull Request for submission
• Deploy to any of available static website hosting options: GitHub Pages, Netlify, Surge

---

Level 1: Week 1 Day 1

• Sketch your webpage on a paper or a design tool you chose
• Design a simple wireframe or mockup based on that sketch
• Put and layout some headings, paragraphs, and images as you wish
• Commit your design to the repo
• Create your homepage with plain HTML
• Code your page according to your design, piece by piece

---

Level 2: Week 1 Day 2

• Style the pages with CSS
• Add some colors and backgrounds
• Change the text fonts

---

Level 3: Week 1 Day 2

• Create a blog post template with plain HTML
• Duplicate that template to be used for various blog posts
• Link those posts to your homepage

---

Level 4: Week 1 Day 3

• Make your pages responsive based on width viewport

---

Level 5: Week 1 Day 4

• Create some essential features and interactivities
• Build a contact form on about or contact page
• Build a gallery page