ArchiteckAI

Transform ideas into code through intelligent conversation

ArchiteckAI is a modern web application that allows developers to generate applications and websites by simply chatting with AI. Built with cutting-edge technologies, it provides an intuitive interface for code creation with live preview capabilities.

✨ Features

• 🤖 AI-Powered Code Generation - Chat with AI to create apps and websites
• 🔍 Live Preview - Instant sandbox preview of generated code
• 📁 Project Management - Organize and manage your AI-generated projects
• 🎨 Modern UI - Beautiful, responsive design with light/dark theme support
• 🔐 Secure Authentication - User management with Clerk
• ⚡ Real-time Updates - Live message streaming and project updates
• 🗑️ Project Control - Delete projects with cascading cleanup

🛠️ Tech Stack

• Frontend: Next.js 14, TypeScript, Tailwind CSS
• Backend: tRPC, Prisma ORM, PostgreSQL
• Authentication: Clerk
• Deployment: Vercel
• UI Components: Radix UI, Lucide Icons
• Real-time: React Query with polling

🚀 Getting Started

1. Clone the repository
2. Install dependencies: npm install
3. Set up environment variables
4. Run database migrations: npx prisma migrate dev
5. Start development server: npm run dev

🌐 Live Demo

View Live Application

---

Built with ❤️ by Tariq Kichawele

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.