AiSpace - Fullstack ai chat app

The project is for take-home assignment usage.

• Nuxt.js: Utilized for its robust ecosystem and built-in support for isomorphic rendering, simplifying both server-side and client-side development.
• Supabase(Postgres): I'm just learning it and see what's possible :) . For chat app usage, I think Firebase like document based NO SQL DB might be more suitable.
• Vue Shadcn: For it's fast and flexible tailwind config & components.
• Swiper: Easy and most widely used carousel library.
• Gemini AI: Powerful chatbot that has generous free usage.
• Zod: TypeScript-first schema validation for frontend form validation and backend data validation.

erDiagram
    chat_history {
        uuid id PK
        uuid user_id FK
        varchar role
        text content
        timestamp created_at
        uuid bot_id FK
    }
    bots {
        uuid id PK
        varchar name
        jsonb image
        text bio
        timestamptz created_at
        uuid user_id FK
    }
    users { 
        uuid id PK
    }

    chat_history ||--o{ bots : bot_id
    chat_history ||--o{ users : user_id
    bots ||--o{ users : user_id

Loading

Requirement

Build a Tinder like chat app include these feature:

• Recommendation list for user to like
• like and pass
• Chat room

Setup

1. Create .env base on .env.example file
2. You can use generate-db-type in npm script to generate supabase typescript type

Make sure to install dependencies:

pnpm install

Development Server

Start the development server on http://localhost:3000:

pnpm dev

Production

Build the application for production:

pnpm build

Locally preview production build:

pnpm preview