でじこんちゃん.net（でじこんちゃんAI）

This project is a web application built with Next.js(14: Approuter) and TypeScript. It allows users to input a prompt and receive a response generated by OpenAI's ChatGPT API. Animated by GSAP

概要

東京都市大学デジタルコンテンツ研究会の公式ヴァーチャルコンシェルジュの"でじこんちゃん"です！ ChatGPTのAPIを使用してでじこんちゃんと会話が楽しめます！でじこんちゃんは回答によって表情を変えてアニメーションします！（アニメーションは私の手描きです！）

詳しい使い方はこちら！（プロモーションビデオ）

• "/"
  • ホームページ,リンク集
• "/about"
  • でじこんちゃんの略歴についてご紹介！
• "/talk"
  • でじこんちゃんAIとお話ししよう！（ChatGPT APIのgpt-4o-miniを使用してコンテキストを考慮した会話が可能です。APIが有料なので1トーク5回ずつまでです...）

Features

• User can input a prompt
• The app sends the prompt to the ChatGPT API
• Displays the response from ChatGPT

Getting Started

Prerequisites

Make sure you have the following installed on your machine:

• Node.js (v14 or later)
• npm (v6 or later)

Installation

1. Clone the repository:

   git clone https://github.com/ManatoYamashita/dcchan-ai.git
   cd dcchan-ai

2. Install the dependencies:

npm install

3. Create a .env.local file in the root of the project and add your OpenAI API key:

OPENAI_API_KEY=your_openai_api_key

api/chat.tsxのmodelは適宜変更してください。（defaultではgpt-4o-miniです。APIは使用するモデルによっては有料の場合があります）。

Running the App

To start the development server, run:

npm run dev

Open your browser and navigate to http://localhost:3000 to see the application in action.

Deployment

To build and deploy the app, run:

npm run build
npm run start

Ensure that your deployment environment has the OPENAI_API_KEY environment variable set.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

• Next.js(ver.14: Approuter)
• TypeScript
• OpenAI
• GSAP
• SASS
• Vercel

Contributing

Feel free to submit issues and enhancement requests.

Contact

Manato Yamashita - g2172117[at]tcu.ac.jp

Project Link: https://github.com/ManatoYamashita/dcchan-ai