/chat-with-openai_key

Primary LanguageSvelteOtherNOASSERTION

Project Overview

πŸš€ Key-chat is a chat application that allows interaction with OpenAI's GPT model using the user's API key. Users can simply input messages and receive responses generated by the GPT model. Additionally, error handling displays a warning message to the user if the API key is missing.

Framework

βš™οΈ Framework: SvelteKit + Tailwind CSS + Vite

πŸ”§ Installation

Clone the repository. Run npm install to install dependencies. Start the development server with npm run dev. Navigate to http://localhost:5173 in your browser to view the app.

πŸ’¬ Features: Key-Provided GPT Basic Chatbot

Interact with the GPT model using the API key provided by the user. Input user messages and receive responses from GPT. Display warning messages for error handling and missing API key.

🌟 Characteristics

Provides a chat environment between the user and GPT. Generates responses based on the input messages using the GPT model. Utilizes OpenAI GPT through the API key. Offers automatic scrolling functionality to display the latest messages. Provides user-friendly error messages for error handling. References

Contributing 🀝

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.

License πŸ“„

This project is licensed under the Creative Commons Attribution 4.0 International (CC BY 4.0) license. See the LICENSE file for details.

ν”„λ‘œμ νŠΈ κ°œμš”

πŸš€ Key-chat 은 μ‚¬μš©μžμ˜ API ν‚€λ₯Ό μ‚¬μš©ν•˜μ—¬ OpenAI의 GPT λͺ¨λΈκ³Ό μƒν˜Έ μž‘μš©ν•  수 μžˆλŠ” μ±„νŒ… μ• ν”Œλ¦¬μΌ€μ΄μ…˜μž…λ‹ˆλ‹€. μ‚¬μš©μžλŠ” κ°„λ‹¨νžˆ λ©”μ‹œμ§€λ₯Ό μž…λ ₯ν•˜κ³  GPT λͺ¨λΈμ—μ„œ μƒμ„±λœ 응닡을 받을 수 μžˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ 였λ₯˜ 처리λ₯Ό 톡해 API ν‚€κ°€ λˆ„λ½λœ 경우 μ‚¬μš©μžμ—κ²Œ κ²½κ³  λ©”μ‹œμ§€λ₯Ό ν‘œμ‹œν•©λ‹ˆλ‹€.

ν”„λ ˆμž„μ›Œν¬

βš™οΈ ν”„λ ˆμž„μ›Œν¬: SvelteKit + Tailwind CSS + Vite

πŸ”§ μ„€μΉ˜

μ €μž₯μ†Œλ₯Ό ν΄λ‘ ν•©λ‹ˆλ‹€. npm install을 μ‹€ν–‰ν•˜μ—¬ 쒅속성을 μ„€μΉ˜ν•©λ‹ˆλ‹€. npm run dev둜 개발 μ„œλ²„λ₯Ό μ‹œμž‘ν•©λ‹ˆλ‹€. λΈŒλΌμš°μ €μ—μ„œ http://localhost:5173으둜 μ΄λ™ν•˜μ—¬ 앱을 ν™•μΈν•©λ‹ˆλ‹€.

πŸ’¬ κΈ°λŠ₯: Key-Provided GPT Basic Chatbot

μ‚¬μš©μžκ°€ μ œκ³΅ν•˜λŠ” API ν‚€λ₯Ό μ‚¬μš©ν•˜μ—¬ GPT λͺ¨λΈκ³Ό μƒν˜Έ μž‘μš©ν•©λ‹ˆλ‹€. μ‚¬μš©μž λ©”μ‹œμ§€λ₯Ό μž…λ ₯ν•˜κ³  GPTμ—μ„œ 응닡을 λ°›μŠ΅λ‹ˆλ‹€. 였λ₯˜ 처리 및 API ν‚€ λˆ„λ½ μ‹œ κ²½κ³  λ©”μ‹œμ§€λ₯Ό ν‘œμ‹œν•©λ‹ˆλ‹€.

🌟 νŠΉμ„±

μ‚¬μš©μžμ™€ GPT μ‚¬μ΄μ˜ μ±„νŒ… ν™˜κ²½μ„ μ œκ³΅ν•©λ‹ˆλ‹€. μž…λ ₯ν•œ λ©”μ‹œμ§€λ₯Ό λ°”νƒ•μœΌλ‘œ GPT λͺ¨λΈμ΄ 응닡을 μƒμ„±ν•©λ‹ˆλ‹€. API ν‚€λ₯Ό 톡해 OpenAI GPTλ₯Ό μ‚¬μš©ν•©λ‹ˆλ‹€. λ©”μ‹œμ§€ 전솑 μ‹œ μžλ™ 슀크둀 κΈ°λŠ₯을 μ œκ³΅ν•˜μ—¬ μ΅œμ‹  λ©”μ‹œμ§€λ₯Ό λ³΄μ—¬μ€λ‹ˆλ‹€. 였λ₯˜ 처리λ₯Ό 톡해 μ‚¬μš©μžμ—κ²Œ μ΄ν•΄ν•˜κΈ° μ‰¬μš΄ 였λ₯˜ λ©”μ‹œμ§€λ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€. μ°Έκ³ 

κΈ°μ—¬ν•˜κΈ° 🀝

κΈ°μ—¬λ₯Ό ν™˜μ˜ν•©λ‹ˆλ‹€! μ œμ•ˆ, 버그 보고 λ˜λŠ” κΈ°λŠ₯ μš”μ²­μ΄ μžˆλŠ” 경우 이슈λ₯Ό μ—΄κ±°λ‚˜ ν’€ λ¦¬ν€˜μŠ€νŠΈλ₯Ό μ œμΆœν•΄ μ£Όμ„Έμš”.

λΌμ΄μ„ μŠ€ πŸ“„

이 ν”„λ‘œμ νŠΈλŠ” ν¬λ¦¬μ—μ΄ν‹°λΈŒ 컀먼즈 μ €μž‘μžν‘œμ‹œ 4.0 ꡭ제 (CC BY 4.0) λΌμ΄μ„ μŠ€μ— 따라 λΌμ΄μ„ μŠ€κ°€ λΆ€μ—¬λ©λ‹ˆλ‹€. μžμ„Έν•œ λ‚΄μš©μ€ LICENSE νŒŒμΌμ„ μ°Έμ‘°ν•˜μ„Έμš”.