Zerocode
Build Your Vision, Skip the Coding.
The problem Zerocode solves
ZeroCode is an AI-powered platform that makes the entire website creation process fast, simple, and stress-free.
It’s not just for developers — non-tech users, students, and business owners can use it too.
✅ What You Can Do with ZeroCode
🚀 Business Websites – Create a professional site for your shop, startup, or services in minutes.
🎨 Portfolios – Build a personal portfolio to showcase your skills for jobs or freelance work.
🛒 E-Commerce – Set up an online store with product listings, a shopping cart, and payment options.
📊 Dashboards & Admin Panels – Visualize data and manage reports instantly.
🍽 Restaurant Websites – Include menu pages, online ordering, and reservation systems.
📚 Educational Websites – Create blogs, course platforms, or learning portals.
💪 How ZeroCode Makes Things Easier
No Coding Required – Just type your idea, and AI turns it into a working website.
Time-Saving – Weeks of work done in minutes.
Full Control – Download and customize the generated code any way you want.
Real-Time Preview – See changes instantly as your site is being built.
Mobile-Ready by Default – Every site works perfectly on all devices.
Secure Authentication – JWT token-based login for safety and privacy
Challenges we ran into
1️⃣ API Rate Limits
Problem: While integrating the Google Gemini API, we ran into rate limit restrictions (Free Tier: 15 requests/minute). This became a problem during testing, as multiple rapid requests from the live preview often exceeded the limit, causing the generation process to fail.
Solution:
Implemented built-in request throttling and retry logic to prevent unnecessary API calls.
Added local caching so that repeated prompts didn’t consume extra API requests.
For high-volume usage, allowed easy switching to a paid API key for higher limits.
2️⃣ Real-Time Preview Performance
Problem: Continuous real-time updates sometimes caused performance drops, especially when rendering complex layouts generated by AI.
Solution:
Introduced debouncing so updates occur only after the user stops typing for a short time.
Optimized rendering using React memoization and code-splitting to keep the editor smooth.
3️⃣ Responsive Design Consistency
Problem: AI-generated layouts occasionally had inconsistencies in responsiveness across devices.
Solution:
Added a post-processing step that applies Tailwind CSS utility classes for guaranteed responsiveness.
Built preset responsive templates that the AI can adapt to, ensuring mobile-readiness by default.
Tracks Applied (1)
Build with Orkes Conductor in the AI Track
Orkes
Technologies used