A sleek, modern web-based virtual assistant inspired by J.A.R.V.I.S. from Iron Man.
JARVIS is an interactive chatbot that supports both voice and text input, provides intelligent responses, and speaks using browser-native speech synthesis.
🔗 Live Demo: https://imrajeevnayan.github.io/Javris-ChatBot/
- 🎙️ Voice command recognition via Web Speech API
- ✉️ Text-based chat with auto-replies and smart suggestions
- 🤖 Customizable AI-style response logic
- 🔊 Text-to-speech for vocalized assistant replies
- 🌙 Stylish dark-mode user interface
- ⚡ Smooth animations and typing effects
- 📱 Responsive design (mobile, tablet, desktop)
- HTML5, CSS3, Vanilla JavaScript
- Tailwind CSS – Utility-first CSS
- Font Awesome – Icon set
- Web Speech API – Speech-to-text
- Speech Synthesis API – Text-to-speech
No installation required.
Simply open the index.html file in any modern browser like Chrome or Edge.
Clone and run it locally:
# Clone the repository
git clone https://github.com/imrajeevnayan/Javris-ChatBot.git
# Navigate into the folder
cd Javris-ChatBot
# Open index.html in your browser
💬 How to Use
Click the microphone 🎤 to start voice input
Type a message and press Enter or click Send
Use the suggestion buttons for quick interaction
JARVIS replies using both text and speech
🧠 Example Commands
You can ask JARVIS any question, even in different languages. Examples:
"What’s the time?"
"Tell me a joke"
"Who are you?"
"What can you do?"
"How are you?"
"What's the weather like?" (mock reply)
ℹ️ The assistant will reply in a friendly tone, including jokes, greetings, and general information.
📁 Folder Structure
Javris-ChatBot/
├── index.html # Main chat interface
├── README.md # Project overview
├── /assets # (optional) For future icons/images
└── /css /js # You can separate styling/scripts if desired
📷 Screenshots
(Add screenshots or demo GIF here to showcase the chatbot UI)
🧩 Planned Enhancements
🌦️ Integrate real-time weather API (e.g., OpenWeather)
🤖 Connect to OpenAI or Gemini API for smarter AI responses
💾 Store chat history using localStorage or a backend
🔐 User login system for personalization
📲 Turn into a mobile app using PWA or React Native
🌐 Multi-language input/output improvements
🐞 Known Issues
Some browsers (like Safari) may not fully support the Web Speech API
Voice recognition may fail on unstable internet connections
No actual AI model – responses are rule-based for now
🤝 Contributing
Contributions, ideas, and feedback are always welcome!
To contribute:
Fork the repo
Create a feature branch (git checkout -b feature/new-feature)
Commit changes (git commit -m 'Add new feature')
Push and open a pull request
For major changes, please open an issue first.
📄 License
This project is licensed under the MIT License – see LICENSE for details.
🙌 Acknowledgments
Inspired by Marvel's J.A.R.V.I.S.
Powered by modern browser APIs and minimalist frontend tech
📬 Contact
Created by @imrajeevnayan
Feel free to connect or reach out for collaboration!