Create a personal website
About this idea
Build a simple website showcasing your interests, portfolio, or blog. Learn HTML, CSS, and basic web design while creating an online presence that represents you.
On this page
How to get started
learning the basics (2-3 hours)
- Learn HTML: Structure of web pages, tags, elements - freeCodeCamp HTML course (free)
- Learn CSS: Styling, colors, layouts, fonts - complete CSS basics
- Use code editor: VS Code (free), or online editor like CodePen
- Follow tutorial: 'Build Your First Website' - complete end-to-end project
planning your site (1 hour)
- Define purpose: Portfolio, blog, resume site, hobby showcase - choose focus
- Sketch layout: Header, navigation, content areas, footer - plan before coding
- Gather content: Photos, text, projects to showcase - prepare materials
- Choose colors/fonts: Pick 2-3 colors, 1-2 fonts - keep it simple
building your site (3-4 hours)
- Create structure: HTML for content, organize into sections
- Add styling: CSS for colors, fonts, layout - make it look good
- Make it responsive: Works on phones and tablets, use media queries
- Test thoroughly: Try on different devices, fix issues
deploying your site
- Choose hosting: GitHub Pages (free), Netlify (free), or Vercel (free)
- Get domain (optional): Namecheap, Google Domains ($10-15/year) or use free subdomain
- Upload your site: Follow hosting platform instructions
- Share your URL: Add to resume, social media, tell friends!