https://github.com/manalisbhavsar/ai-devsuite
https://github.com/manalisbhavsar/ai-devsuite
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/manalisbhavsar/ai-devsuite
- Owner: ManaliSBhavsar
- Created: 2025-03-26T18:00:08.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-26T19:23:51.000Z (2 months ago)
- Last Synced: 2025-03-26T19:27:41.573Z (2 months ago)
- Language: TypeScript
- Homepage: https://ai-dev-suite.vercel.app
- Size: 26.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AI DevSuite
AI DevSuite is an AI-driven platform with three cutting-edge tools:
**Generate-UI** - Frontend UI Code Generator (React + Tailwind CSS)
**Debug-Code** - AI Code Debugger & Optimizer
**Generate-Wireframe** - AI-Powered UI Layout Generator
Developed with **Next.js 13 (App Router), TypeScript, Tailwind CSS, Zustand, NextAuth.js**, and AI APIs (**Gemini & Stability AI**), AI DevSuite automates frontend development with smart automation.
---
## Features
- **Generate-UI:** Automatically generate UI elements in React + Tailwind CSS from text inputs.
- **Debug-Code:** AI-based debugging and optimization of JavaScript & React code.
- **Generate-Wireframe:** Turn design concepts into wireframe-style images.
- **User Authentication:** Secure login with **NextAuth.js** and Google & GitHub providers.
- **State Management:** **Zustand** for global state management.
- **Pre-Styled UI Components:** **ShadCN/UI** for cool modern UI components.
---
## Tech Stack
- **Frontend:** React.js, Next.js 13, TypeScript, Tailwind CSS, ShadCN/UI
- **Backend:** Next.js Serverless API
- **Authentication:** NextAuth.js
- **State Management:** Zustand
- **AI APIs:** Gemini API (UI code generation & debugging), Stability AI API (wireframe generation)
- **Deployment:** Vercel
---
## Project Structure
```
├── app
│ ├── api/generate-ui (Serverless API for UI code generation)
│ ├── api/debug-code (Serverless API for code debugging)
│ ├── api/generate-wireframe (Serverless API for wireframes)
│ ├── components (Reusable UI components)
│ ├── store (Global state management using Zustand store)
│ ├── auth (NextAuth.js authentication configuration)
│ ├── tools (Tool and Dashboard pages)
├── public
├── styles
├── package.json
└── README.md
```
---