AURA is a premium JARVIS-style AI assistant featuring a stunning visual interface with real-time system monitoring, voice activation via "Hey Aura" wake word, and a beautiful glassmorphism design with gold, rose-gold, and purple accents.
| 🎯 Wake Word | 🔮 Premium UI | 📊 System Monitor | 🔊 Voice Response |
|---|---|---|---|
| Say "Hey Aura" to activate | Gold & rose-gold design | CPU, RAM, Battery, Network | JARVIS-style spoken responses |
# Just open the file in your browser
# Double-click index.html# 1. Clone the repository
git clone https://github.com/Ram6023/Aura.git
# 2. Navigate to the project
cd Aura
# 3. Start a local server
npx http-server . -p 3000 -o
# 4. Opens automatically at http://localhost:3000| Step | Action | What Happens |
|---|---|---|
| 1 | 🎤 Allow Microphone | Click "Allow" when browser asks for mic |
| 2 | 🗣️ Say "Hey Aura" | AURA wakes up with a chime and says "I'm listening..." |
| 3 | 💬 Speak Your Command | "What's the time?" / "Open YouTube" / "Tell me a joke" |
| 4 | ✨ See Response Below Orb | Response appears under the glowing orb |
| 5 | 🔊 Hear Voice Response | AURA speaks back to you |
- Click the orb to start listening
- Press Spacebar to toggle voice input
|
|
|
|
|
|
AURA communicates through mesmerizing visual states:
╭─────────────────────────────────────────────────────────────╮
│ │
│ 🟣 READY → Say "Hey Aura" or click the orb │
│ ✨ ACTIVATED → Wake word detected, chime plays │
│ 🔵 LISTENING → Orb pulses green, capturing command │
│ 💬 RESPONDING → AI response appears under the orb │
│ 🎲 MORPHING → Orb transforms into Dice, Logos, etc. │
│ 🔊 SPEAKING → Voice synthesis delivers response │
│ │
╰─────────────────────────────────────────────────────────────╯
| Technology | Purpose |
|---|---|
| HTML5 | Structure & semantics |
| CSS3 | Premium styling & animations |
| JavaScript | Logic & interactions |
| Web Speech API | Voice recognition & synthesis |
| Navigator APIs | Battery, Network, Geolocation |
| Open-Meteo API | Live weather data |
Aura/
├── 📄 index.html # 🌟 Main AURA application (all-in-one)
├── 📄 manifest.json # PWA manifest
├── 📄 favicon.png # Browser tab icon
├── 🖼️ Icon-192.png # PWA icon (192x192)
├── 🖼️ Icon-512.png # PWA icon (512x512)
├── 🖼️ Icon-maskable-*.png # Adaptive PWA icons
├── 📄 README.md # Documentation
└── 📄 .gitignore # Git ignore rules
"AURA is designed to feel like a living entity—an AI that breathes, pulses, responds with voice, and monitors your system in style."
The interface draws inspiration from:
- 🤖 JARVIS from Iron Man - Voice-activated AI assistant
- 🌌 Sci-Fi Command Centers - Futuristic, immersive layouts
- 💎 Glassmorphism - Modern depth and frosted effects
- 🏆 Luxury Branding - Gold, rose-gold premium accents
- 🌊 Organic Motion - Fluid, life-like animations
| Browser | Voice Recognition | Recommended |
|---|---|---|
| Chrome | ✅ Full Support | ⭐ Best Experience |
| Edge | ✅ Full Support | ✅ Great |
| Safari | Use Chrome | |
| Firefox | ❌ No Support | Use Chrome |
Note: Web Speech API works best in Chrome. For the full experience including wake word detection, please use Chrome or Edge.
Contributions are welcome! Feel free to:
- 🍴 Fork the repository
- 🌿 Create a feature branch (
git checkout -b feature/AmazingFeature) - 💾 Commit your changes (
git commit -m 'Add AmazingFeature') - 📤 Push to the branch (
git push origin feature/AmazingFeature) - 🔃 Open a Pull Request
Say "Hey Aura" and let the magic begin! ✨