🌐

Web Architect

Design, build, and publish a complete, functional website from the ground up.

How to complete Web Architect

Building and publishing a site from scratch means going the full distance (structuring pages, styling them, and getting them onto a live URL anyone can visit), not just editing a drag-and-drop template. It's the moment you understand how the web actually fits together, from code to domain to deploy.

  1. Decide the scope: a single-page portfolio or a small multi-page site is plenty for a first build.
  2. Write the structure in HTML and style it with CSS; use a framework like Astro or Next.js only if you already know one.
  3. Test locally in your browser, checking that it reads well on a phone-width screen too.
  4. Push the code to a GitHub repo and connect it to a free host like Netlify, Vercel, or GitHub Pages.
  5. Optionally point a custom domain at it, then load the live URL in a fresh browser to confirm it's public.

Tips

  • Ship something small and live first, then iterate; a published one-pager beats an unfinished masterpiece on your hard drive.
  • Use a responsive meta viewport tag and relative units so the layout doesn't break on mobile.
  • Free static hosts auto-deploy on every git push, so your live site updates the moment you commit.

What counts as done

Your site loads at a public URL for anyone, renders correctly on desktop and mobile, and its pages and links all work.

45
points awarded
raritysoon

Track this achievement

Sign up for free and start earning points for real-life milestones.

Start tracking

Recently completed by

More hobbies & creativity