v1 release

Author: TechTronixx

.gitignore

@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.env
+bun.lockb
+package-lock.json

README.md

@@ -0,0 +1,113 @@
+# AI Form Builder
+
+A modern web application that leverages AI to generate dynamic forms instantly with google form and xml export.
+
+## Overview
+
+AI Form Builder simplifies form creation by using artificial intelligence to generate complete form structures from natural language descriptions. Perfect for developers, product managers, and anyone who needs to quickly create professional forms.
+
+## Key Features
+
+- **AI-Powered Generation**: Create complex forms using simple text descriptions
+- **Real-time Preview**: Instantly view your generated forms {TODO}
+- **Theme Support**: Built-in dark/light mode
+- **Google Forms Export**: Export your forms directly to Google Forms
+- **Responsive Design**: Fully responsive across all devices
+- **Type Safety**: Full TypeScript support for reliable development {TODO}
+
+## 🛠️ Technical Stack
+
+### Frontend
+
+- Vite
+- Tailwind CSS
+- Shadcn UI
+- React Hook Form
+- React Router
+
+### Backend
+
+- Express.js server
+- OpenAI API integration
+- Google Forms API integration
+- Hugging Face API integration
+
+## 🚀 Getting Started
+
+1. Clone the repository:
+
+```bash
+git clone ..
+cd ai-form-builder
+```
+
+2. Install Bun (if not already installed):
+
+```bash
+curl -fsSL https://bun.sh/install | bash
+```
+
+3. Install dependencies:
+
+```bash
+bun install
+```
+
+4. Set up environment variables:
+
+```bash
+cp .env.example .env
+```
+
+5. Start development servers:
+
+```bash
+# Start both frontend and backend
+bun run dev:all
+
+# Or start them separately:
+bun run dev      # Frontend only
+bun run server   # Backend only
+```
+
+## Environment Setup
+
+Create a `.env` file with the following variables:
+
+```env
+# Frontend
+VITE_HUGGINGFACE_API_KEY=your_huggingface_key
+
+# Backend
+OPENAI_API_KEY=your_openai_key
+GOOGLE_CLIENT_ID=your_google_client_id
+GOOGLE_CLIENT_SECRET=your_google_client_secret
+GOOGLE_REDIRECT_URI=http://localhost:3001/oauth2callback
+```
+
+## Available Scripts
+
+- `bun run dev` - Start frontend development server
+- `bun run server` - Start backend server
+- `bun run dev:all` - Start both frontend and backend
+- `bun run build` - Build for production
+- `bun run preview` - Preview production build
+- `bun run token` - Generate Google OAuth refresh token
+
+## Contributing
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/amazing-feature`)
+3. Commit your changes (`git commit -m 'Add some amazing feature'`)
+4. Push to the branch (`git push origin feature/amazing-feature`)
+5. Open a Pull Request
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+
+## Acknowledgments
+
+- [Shadcn UI](https://ui.shadcn.com/) for the beautiful components
+- [OpenAI](https://openai.com/) for AI capabilities
+- [Google Forms API](https://developers.google.com/forms/api) for form export functionality

components.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/index.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  }
+}

eslint.config.js

@@ -0,0 +1,28 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+)

index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Formify AI - Build Forms with ease!</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package.json

@@ -0,0 +1,60 @@
+{
+  "name": "ai-formgen",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "server": "bun run server/index.ts",
+    "dev:all": "bun run dev & bun run server",
+    "token": "bun run scripts/get-refresh-token.ts"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.9.1",
+    "@radix-ui/react-alert-dialog": "^1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.1",
+    "@radix-ui/react-tabs": "^1.1.1",
+    "@radix-ui/react-toast": "^1.2.2",
+    "@types/cors": "^2.8.17",
+    "@types/express": "^5.0.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "cors": "^2.8.5",
+    "dotenv": "^16.4.5",
+    "express": "^4.21.1",
+    "googleapis": "^144.0.0",
+    "lucide-react": "^0.454.0",
+    "next-themes": "^0.3.0",
+    "openai": "^4.70.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.53.2",
+    "react-router-dom": "^6.28.0",
+    "sonner": "^1.6.1",
+    "tailwind-merge": "^2.5.4",
+    "tailwindcss-animate": "^1.0.7",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.13.0",
+    "@types/node": "^22.9.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.13.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "globals": "^15.11.0",
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.14",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.11.0",
+    "vite": "^5.4.10"
+  }
+}

postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

public/vite.svg

@@ -0,0 +1,45 @@
+import express from "express";
+import { OpenAI } from "openai";
+import dotenv from "dotenv";
+import cors from "cors";
+
+dotenv.config();
+
+const app = express();
+app.use(cors());
+app.use(express.json());
+
+// Validate environment variables
+if (!process.env.OPENAI_API_KEY) {
+  console.error("Missing OPENAI_API_KEY environment variable");
+  process.exit(1);
+}
+
+const openai = new OpenAI({
+  apiKey: process.env.OPENAI_API_KEY,
+});
+
+app.post("/api/generate", async (req, res) => {
+  try {
+    if (!req.body.messages) {
+      return res.status(400).json({ error: "Messages are required" });
+    }
+
+    const response = await openai.chat.completions.create({
+      model: "gpt-3.5-turbo",
+      messages: req.body.messages,
+    });
+
+    res.json(response.choices[0].message);
+  } catch (error) {
+    console.error("OpenAI API Error:", error);
+    res.status(500).json({
+      error: "Failed to generate response",
+      details: error.message,
+    });
+  }
+});
+
+app.listen(3001, () => {
+  console.log("Server running on port 3001");
+});