🛠️ My Site Builder (MSB)

Welcome to My Site Builder (MSB) – a simple, beginner-friendly portfolio starter project built to help developers quickly set up and launch their personal websites.

This project is designed to be opened directly in VS Code, customized, and deployed – perfect for anyone looking to create their own professional portfolio.

---

🌐 Live Example

Check out my own portfolio built using MSB:
👉 aisha0320.github.io

---

🚀 Quick Start

1. Clone this repository

git clone https://github.com/yourusername/msb.git

2. Navigate to the folder

cd msb

3. Open in VS Code

code .

4. Install dependencies (if applicable)

If you're using React or another framework:

npm install
Or if you're using Yarn:
yarn install

5. Start the development server

npm run dev
Or if you're using Yarn:
yarn dev

📁 Folder Structure

msb/
├── public/
├── src/
│   ├── components/
│   ├── pages/
│   └── styles/
├── .gitignore
├── package.json
├── README.md
└── ...
⚠️ Modify this section based on your actual folder structure (especially if you're not using React).

✨ What You Can Customize:

Name, bio, contact info Projects section – add links, descriptions, and tech stacks Skills, work experience, education Design and theme – adjust CSS for styling

---

✨ How can you Update Your Portfolio Information

Inside the site.config.mjs file, you can update:

• Personal Information: Name, bio, contact details.
• Social Links: Add your LinkedIn, GitHub, and other profiles.
• **Talks link from Youtube.

Using Git Environment Variables

To fetch your repositories for the Projects Section, you'll need to set up your Git environment:

1. Generate a Git Token: Go to GitHub settings, create a Personal Access Token (PAT) for accessing your repositories.

2. Set Up the Git Token: Add the token to your .env file or Git environment using:

   GIT_TOKEN=your_personal_access_token

3. Link GitHub Repositories: Inside index.tsx, use the GIT_TOKEN to fetch all your repositories with a script, like this:

   const fetchRepositories = async () => {
     const response = await fetch('https://api.github.com/users/your-username/repos', {
       headers: {
         Authorization: `token ${process.env.GIT_TOKEN}`
       }
     });
     const repos = await response.json();
     return repos;
   };

This will allow your portfolio to dynamically display all repositories linked to your GitHub account.

---

🧠 Why I Made This I created MSB to make it easier for developers (especially beginners) to build their personal sites without starting from scratch. It's clean, editable, and a great starting point for anyone wanting a digital presence.

📦 Deployment Once you're happy with your portfolio, you can deploy it to the web using services like:

GitHub Pages: Host your portfolio directly from your GitHub repository. Vercel: Deploy with automatic deployment on each push. Netlify: Easily deploy and configure your portfolio with Netlify.

📫 Let’s Connect If you use this project, I’d love to see what you create! Feel free to connect with me on LinkedIn. www.linkedin.com/in/agarwalaisha2000

🪪 License MIT License – feel free to use, modify, and share 🙌

🖥️ Tech Stack Let me know your tech stack (React or HTML/CSS) and I can tailor the setup for you even more accurately! I can also help you generate a thumbnail image for your GitHub repo if you need a nice visual at the top.