WebMistri is an AI-powered website builder that transforms a single line of text into a fully functional, styled website in seconds. Built as a hackathon project, it leverages the Gemini API to generate HTML, CSS, and JavaScript code, providing users with a seamless experience to create and deploy websites effortlessly.
- AI Website Generation: Input a simple prompt, and WebMistri generates a complete website with HTML, CSS, and JavaScript.
- Real-Time Preview: Instantly preview the generated website before downloading.
- Download as ZIP: Export the generated website as a ZIP file for easy deployment.
- History Tracking: Automatically saves previously generated websites for future access.
- Customizable Output: Edit, tweak, and regenerate parts of your website as needed.
- Frontend: React, Tailwind CSS
- Backend: Node.js, Express
- AI Integration: Gemini API
- Database: MongoDB (for storing history of generated websites)
-
Clone the repository:
git clone https://github.com/harshitmasiwal/WebMistri.git cd WebMistri -
Install dependencies:
npm install
-
Start the development server:
npm run dev
- Enter a prompt (e.g., “Portfolio website with navbar, hero section, and contact form”).
- Gemini API generates the HTML, CSS, and JavaScript files.
- The generated site is displayed in real-time preview.
- You can save, download as ZIP, or deploy to hosting platforms.
- Drag-and-drop editor for customization.
- Multi-page website generation.
- Direct deployment integration (GitHub Pages, Vercel, Netlify).
⚡ Built with by Harshit