Prism AI is a cutting-edge, AI-powered full-stack web application designed to transform text prompts into fully functional, visually appealing website frontends. Built with Express.js and React (TypeScript / TSX) and integrated with advanced AI models, it allows users to generate, edit, and publish web projects in real time through a conversational interface.
Prism AI follows a Multi-Tier Client–Server Architecture, providing a clean separation of concerns for scalability, maintainability, and security.
Prism AI follows the Software as a Service (SaaS) model by providing centrally hosted functionality that users access through authenticated accounts without local installation.
- Interactive AI Chat Sidebar to describe website vision or request revisions
- Real-Time Code Preview in a secure, isolated iframe environment
- Visual Editor Panel to modify text, class names, and CSS (padding, margin, font size, colors)
- Multi-Device Responsiveness with Desktop, Tablet, and Mobile previews
- State-of-the-Art UI/UX built with React, Tailwind CSS, and Lucide Icons using a professional dark-green “Prism” theme
- PERN Stack core using Node.js and Express.js
- AI-driven generation with advanced LLMs for clean, production-ready HTML/CSS/JS
- Version control and rollback with booking history and single-click restoration
- Dynamic loader with a 4-stage animation during the AI generation process
- Smart onboarding with Better-Auth for custom-themed authentication
- Credit-based AI usage tracking
- Community showcase to explore projects created by other users
- Project management via “My Projects” dashboard
- Secure iframe script injection for click-to-edit visual manipulation
- Read-only snapshot previews of historical versions
- Frontend: React.js, TypeScript, Tailwind CSS, Lucide React
- Backend: Node.js, Express.js
- Database: PostgreSQL
- API Handling: Axios with interceptors
https://prism-ai-ashhaddev.vercel.app/
- Muhammad Ashhadullah Zaheer
- 🔗 LinkedIn: https://www.linkedin.com/in/muhammad-ashhadullah-zaheer-41194a340/