Project Summary

• src: Main application codebase
• src/app: Application-specific code and routing
• src/app/api: API services and endpoints
• src/app/auth: User authentication modules
• src/components: Reusable UI components
• src/lib: Utility libraries and helpers
• src/types: TypeScript type definitions
• public: Publicly accessible static assetsd

Setting Up

Insert your environment variables.

Run Locally

1. Clone AIAIO repository:

git clone https://github.com/lryanle/AIAIO  

2. Install the dependencies with one of the package managers listed below:

pnpm install  
bun install  
npm install  
yarn install  

3. Start the development mode:

pnpm dev  
bun dev  
npm run dev  
yarn dev  

Contributors

FAQ

1.What is this project about?

This project aims to briefly describe your project's purpose and goals.

2.How can I contribute to this project?

Yes, we welcome contributions! Please refer to our Contribution Guidelines for more information on how to contribute.

3.What is this project about?

Your answer.

License

This project is licensed under the MIT License - see the MIT License file for details.

Table of Contents

• Project Summary
• Setting Up
• Run Locally
• Contributors
• FAQ
  • 1.What is this project about?
  • 2.How can I contribute to this project?
  • 3.What is this project about?
• License
• Table of Contents
• Overview
• Project Structure
• Deploy

Overview

AIAIO (@HackTX 2024) is a rapid prototyping tool using Vercel's AI SDK, Clerk, CodeSandbox's Sandpack, React-flow, TLDRAW, Shadcn/UI, Supabase, T3, and more.

Project Structure

├── .eslintrc.json
├── .gitignore
├── .terraform.lock.hcl
├── .terraform.tfstate.lock.info
├── LICENSE
├── README.md
├── components.json
├── declarations.d.ts
├── main.tf
├── next.config.ts
├── package-lock.json
├── package.json
├── postcss.config.mjs
├── public
│   └── logo.svg
├── src
│   ├── app
│   │   ├── api
│   │   │   └── ai
│   │   │       └── ui
│   │   │           └── route.ts
│   │   ├── auth
│   │   │   └── confirm
│   │   │       └── route.ts
│   │   ├── favicon.ico
│   │   ├── globals.css
│   │   ├── layout.tsx
│   │   ├── middleware.ts
│   │   ├── page.tsx
│   │   ├── proto
│   │   │   └── [protoId]
│   │   │       ├── client-page.tsx
│   │   │       └── page.tsx
│   │   ├── sign-in
│   │   │   └── [[...sign-in]]
│   │   │       └── page.tsx
│   │   └── sign-up
│   │       └── [[...sign-up]]
│   │           └── page.tsx
│   ├── client-store.ts
│   ├── components
│   │   ├── draw-section.tsx
│   │   ├── logiceditor
│   │   │   ├── CustomEdge.tsx
│   │   │   ├── connectionline.tsx
│   │   │   └── logiceditor.tsx
│   │   ├── navigation
│   │   │   ├── navbar-wrapper.tsx
│   │   │   └── navbar.tsx
│   │   ├── sandpack
│   │   │   ├── SandpackBase.tsx
│   │   │   ├── SandpackCore.tsx
│   │   │   └── SandpackReact.tsx
│   │   ├── sign-in.tsx
│   │   ├── sign-up.tsx
│   │   └── ui
│   │       ├── avatar.tsx
│   │       ├── badge.tsx
│   │       ├── button.tsx
│   │       ├── card.tsx
│   │       ├── input.tsx
│   │       ├── label.tsx
│   │       ├── popover.tsx
│   │       ├── resizable.tsx
│   │       ├── separator.tsx
│   │       ├── tabs.tsx
│   │       ├── text-hover-effect.tsx
│   │       ├── textarea.tsx
│   │       └── tooltip.tsx
│   ├── db
│   │   └── index.ts
│   ├── env.mjs
│   ├── lib
│   │   ├── actions.ts
│   │   ├── supabase
│   │   │   ├── client.ts
│   │   │   ├── middleware.ts
│   │   │   └── server.ts
│   │   └── utils.ts
│   ├── prompt.ts
│   ├── types
│   │   └── tools.ts
│   └── validators.ts
├── tailwind.config.ts
└── tsconfig.json

Deployment

https://oldmcdonaldhadafarmAIAIO.tech

Acknowledgements

• TLDRAW - Inspiration for turning designs into code. Our prompt is partially based on their work.
• V0 - Inspiration of turning words into code. Our application is heavily inspired by V0 and their ethos