Google AI Gemini チャットアプリ

プロジェクト概要

このプロジェクトは、Google AI Geminiとのチャット機能を備えたリアルタイムチャットアプリケーションです。Vue.jsのコンポーネント構造やリアクティブデータ管理、WebSocket通信を活用し、個人およびグループチャットをシームレスに提供します。

特徴

• リアルタイム通信: WebSocketとGoogle AI Geminiを活用し、スムーズなメッセージング体験を実現
• ユーザー認証: ユーザー登録、ログイン（Googleログイン対応）
• レスポンシブデザイン: モバイルおよびデスクトップ対応
• フロントエンドの柔軟性: Vue.jsのコンポーネントとリアクティブ性を活用
• インターネットアクセス可能

使用技術

• JavaScript
• SQL / SQLite
• Vue.js
• Docker
• TailwindCSS
• Pocketbase
• GitHub

セットアップ手順

1. リポジトリをクローン:

   git clone https://github.com/Vu-Qu-Huy/Google-Ai-Gemini_Chatbot-VueJS_ChatApp.git

2. フロントエンド依存関係のインストール:

   cd frontend
   npm install

3. バックエンドのセットアップ:

   cd backend
   docker-compose up -d

4. 開発環境でアプリケーションを起動:

   npm run dev

開発者情報

• 役割: フルスタック開発者
• チーム規模: 1人
• 開発期間: 1か月

---

Google AI Gemini Chat App

Project Overview

This project is a real-time chat application featuring Google AI Gemini integration. It utilizes Vue.js component structure, reactive data management, and WebSocket communication to provide seamless individual and group chat functionality.

Features

• Real-time Communication: Smooth messaging experience with WebSocket and Google AI Gemini
• User Authentication: User registration and login (Google login supported)
• Responsive Design: Compatible with mobile and desktop devices
• Flexible Frontend: Efficient integration using Vue.js components and reactivity
• Accessible Online

Technologies Used

• JavaScript
• SQL / SQLite
• Vue.js
• Docker
• TailwindCSS
• Pocketbase
• GitHub

Setup Instructions

1. Clone the repository:

   git clone https://github.com/Vu-Qu-Huy/Google-Ai-Gemini_Chatbot-VueJS_ChatApp.git

2. Install frontend dependencies:

   cd frontend
   npm install

3. Set up the backend:

   cd backend
   docker-compose up -d

4. Start the application in development mode:

   npm run dev

Developer Information

• Role: Full-stack Developer
• Team Size: 1 person
• Development Duration: 1 month