MCPcopy Index your code
hub / github.com/PankajKumardev/Bolt-Clone

github.com/PankajKumardev/Bolt-Clone @v1.0.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v1.0.0 ↗ · + Follow
72 symbols 158 edges 41 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

⚡ Bolt - Transform Ideas into Websites

Stars Forks Issues


🌟 Overview

Bolt is a dynamic web-based platform where you can generate complete websites from simple prompts.
Enter your idea ➝ Get a fully functional website generated by LLM ➝ See it running with StackBlitz WebContainer ➝ Make edits in real-time ➝ Download the complete source code as a ZIP.

It's designed for developers, designers, and entrepreneurs who want to quickly prototype ideas and turn concepts into working websites.


🚀 Features

🧠 Prompt to Website

  • Enter a natural language prompt like "create an e-commerce homepage" and watch as Gemini LLM generates the complete website code.

⚡ Live Website Preview

  • Your generated website instantly comes to life in the browser using StackBlitz WebContainer.
  • No deployments or server setups needed.

✍️ Code Editor

  • Built-in editor lets you tweak and refine your website code with real-time updates.

📦 Download ZIP

  • Export the complete project as a ZIP file to continue development in your preferred environment.

📁 Step View

  • View a detailed breakdown of your website's components and understand how they work together.

💻 Tech Stack

Category Technology
Frontend React, TypeScript, TailwindCSS
Animations Framer Motion
Backend Express.js
AI Integration Google Gemini API
Live Preview StackBlitz WebContainer
Env Vars .env for Gemini API key

📥 Installation

  1. Clone the repository

bash git clone https://github.com/PankajKumardev/Bolt-Clone.git cd bolt

  1. Install dependencies

  2. For frontend: bash cd client npm install

  3. For backend: bash cd server npm install

  4. Setup environment variables

  5. In the backend directory, create a .env file: GEMINI_API_KEY=your-google-gemini-api-key

  6. Run the project

  7. Start the backend: bash cd server npm run start
  8. Start the frontend: bash cd client npm run dev

🤝 Contribution Guidelines

🌱 How to Get Involved

  1. Fork the repo
  2. Clone your fork bash git clone https://github.com/your-username/Bolt-Clone.git
  3. Create a branch bash git checkout -b feature/<your-feature>
  4. Make changes and commit bash git add . git commit -m "feat: added new feature"
  5. Push and raise PR bash git push origin feature/<your-feature>

📌 Suggestions to Contribute

  • Add support for more languages.
  • Improve UX for file switching and previews.
  • Add project saving with local storage or cloud.
  • Build an authentication flow to save past prompts.

🌟 Show Support

If you find Bolt useful, please ⭐ star the repo and share it!

Stargazers
Forks


🛡 License

Bolt is released under the MIT License.
Use it freely, tweak it wildly, and ship cool stuff!


📖 Changelog

See CHANGELOG.md for updates and patch history.


📬 Contact

Have ideas, feedback, or want to collab?


Made with 💡 using React, Gemini, Express, and pure AI magic ✨

Extension points exported contracts — how you extend this code

Core symbols most depended-on inside this repo

Shape

Function 51
Interface 20
Enum 1

Languages

TypeScript100%

Modules by API surface

Frontend/src/pages/Builder.tsx9 symbols
Frontend/src/components/FileExplorer.tsx6 symbols
Frontend/src/types/index.ts5 symbols
Frontend/src/components/PreviewFrame.tsx5 symbols
Frontend/src/context/AppContext.tsx4 symbols
Frontend/src/components/CodeEditor.tsx4 symbols
Backend/src/types/index.ts4 symbols
Frontend/src/hooks/useWebContainer.tsx3 symbols
Frontend/src/components/StepsList.tsx3 symbols
Frontend/src/components/HeroSection.tsx3 symbols
Frontend/src/utils/fileDownloader.ts2 symbols
Frontend/src/services/api.ts2 symbols

For agents

$ claude mcp add Bolt-Clone \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page