🚀 Ultimate AI-Powered Dashboard with Real-time Weather, News, Crypto Prices, Quotes & More! 100% Free APIs | Glassmorphism UI | Live Demo Available
👉 Click Here to View Live Dashboard
- 🌤️ Real-time Weather - Live weather data from Open-Meteo API for Patna, Bihar
- 💰 Cryptocurrency Prices - Live Bitcoin, Ethereum, and Cardano prices with 24h changes
- 💭 Random Quotes - Inspirational quotes from famous personalities
- 📰 Latest Tech News - Top technology headlines from India
- 🎯 Fun Facts - Random interesting facts to expand your knowledge
- 💻 GitHub Stats - Your GitHub profile statistics
- 🎨 Glassmorphism UI - Modern, beautiful interface with smooth animations
- 📱 Fully Responsive - Works perfectly on all devices
- ⚡ Fast & Lightweight - Pure HTML, CSS, and Vanilla JavaScript
- 🆓 100% Free APIs - No API keys required!
- HTML5 - Structure
- CSS3 - Styling with Glassmorphism effects
- JavaScript (ES6+) - Interactive functionality
- Free APIs:
- Open-Meteo - Weather Data
- CoinGecko - Cryptocurrency Prices
- Quotable - Random Quotes
- NewsAPI Proxy - News Headlines
- Useless Facts - Random Facts
- GitHub API - GitHub Stats
Simply visit: https://snakeeye-sudo.github.io/AI-Dashboard-Ultimate/
- Clone the repository
git clone https://github.com/SnakeEye-sudo/AI-Dashboard-Ultimate.git- Navigate to directory
cd AI-Dashboard-Ultimate- Open in browser
# Simply open index.html in your browser
# Or use a local server:
python -m http.server 8000
# Then visit: http://localhost:8000The dashboard features:
- Purple gradient background
- Glassmorphism card design
- Smooth hover animations
- Live updating data
- Interactive buttons for new quotes and facts
| Service | Endpoint | Description |
|---|---|---|
| Weather | api.open-meteo.com |
Real-time weather |
| Crypto | api.coingecko.com |
Cryptocurrency prices |
| Quotes | api.quotable.io |
Random quotes |
| News | saurav.tech/NewsAPI |
Tech news headlines |
| Facts | uselessfacts.jsph.pl |
Random facts |
| GitHub | api.github.com |
User statistics |
- Current temperature in Patna
- Wind speed information
- Auto-updates every 5 minutes
- Bitcoin, Ethereum, Cardano prices
- 24-hour price change percentage
- Color-coded gains/losses (green/red)
- Auto-updates every 5 minutes
- Inspirational quotes
- Author attribution
- "New Quote" button for instant refresh
- Top 4 latest technology news
- Headlines from Indian sources
- Article descriptions
- Auto-updates every 5 minutes
- Random interesting facts
- "New Fact" button for instant refresh
- Your public repositories count
- Followers and following count
- Auto-updates every 5 minutes
The dashboard automatically refreshes data every 5 minutes for:
- Weather information
- Cryptocurrency prices
- News headlines
- GitHub statistics
Edit line ~280 in index.html:
const response = await fetch('https://api.open-meteo.com/v1/forecast?latitude=YOUR_LAT&longitude=YOUR_LONG¤t_weather=true');Edit line ~350 in index.html:
const response = await fetch('https://api.github.com/users/YOUR_USERNAME');Edit the CSS gradient in index.html around line ~16:
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);Contributions, issues, and feature requests are welcome!
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is MIT licensed.
Er. Sangam Krishna (SnakeEye)
- GitHub: @SnakeEye-sudo
- Location: Bettiah, West Champaran, Bihar, India
Give a ⭐️ if you like this project!
- Thanks to all the free API providers
- Inspired by modern dashboard designs
- Built with ❤️ for the developer community
✅ Fully functional and deployed 🔄 Actively maintained 🆓 100% Free to use
Made with 💚 by SnakeEye-sudo