π€ Smart Chat Assistant:
A sleek, responsive, and voice-enabled web-based chat assistant powered by a large language model (LLM) API. This project integrates modern UI design, dark mode toggle, voice input, local storage for chat history, and real-time typing indicators β delivering an intuitive chat experience straight from your browser.
π Features:
- β Real-time chat with LLM API
- π€ Voice input using Web Speech API
- π¬ Chat history stored in
localStorage - π Dark mode toggle
- π§Ή One-click chat clear button
- π Timestamps for messages
- π Speech output for bot replies
π Project Structure:
π¦ Smart-Chat-Assistant/ βββ index.html # Main HTML page βββ style.css # All UI styling (light & dark mode) βββ main.js # App logic, API integration, voice I/O, theme, storage βββ api.txt # Legacy bot code (now integrated) βββ settings.json # VS Code live server settings
πΈ Demo
- Type or speak a message and receive intelligent responses in real time.
- β¨ Enjoy the UI with toggled themes and smooth animations.
π API Info:
This project uses the following LLM API:
https://backend.buildpicoapps.com/aero/run/llm-api?pk=YOUR_API_KEY
You must obtain your own API key and replace it in main.js.
βοΈ Voice Recognition Support:
Voice input works on most modern browsers (Chrome recommended). Ensure microphone permissions are allowed.
π¦ Dependencies:
- Google Fonts Material Icons
- Web Speech API (for voice recognition/output)
π Notes:
- Chat history is stored locally in the browser and can be cleared using the delete button.
- Type
/clearto wipe messages from memory. - No backend or database required β 100% frontend.
Created by devangjain999 β Feel free to fork and enhance!