Studio hub

One clean place to present, test, and grow every website you build.

Use this page as your central dashboard for client work, experiments, templates, and future launches. Keep projects organized now, then spin them off into their own domains when they are ready.

  • 0 Projects
  • 0 In testing
  • 0 Live

Projects

Preview your work

Filter by status, search by name, and keep everything in one polished directory.

Workflow

How this hub fits your process

01

Build locally

Create or improve each website inside its own folder. Test it on your computer before publishing anything.

02

Track progress

Give every project a clear status such as Draft, Testing, Ready, or Live so the hub stays useful as it grows.

03

Deploy when ready

Keep this as your internal or public overview, then connect individual projects to their own hosting and domains later.

Easy maintenance

How to add future websites

Open script.js and add a new object inside the projects array with the project name, description, status, tags, and links.

{
  name: "New Project",
  type: "Client website",
  status: "draft",
  description: "Short project summary.",
  tags: ["landing page", "responsive"],
  localPath: "../new-project/index.html",
  liveUrl: "",
  repoUrl: "https://github.com/yourname/website-directory"
}