https://github.com/rajveeerr/atmosonic
Atmosonic is a web application that recommends music based on the current weather in your city. Leveraging the power of the Spotify and OpenWeather APIs, Atmosonic creates personalized playlists that match the vibe of your surroundings, whether it's a sunny day or a stormy night.
https://github.com/rajveeerr/atmosonic
fetch-api javascript promise-api rest-api
Last synced: about 1 month ago
JSON representation
Atmosonic is a web application that recommends music based on the current weather in your city. Leveraging the power of the Spotify and OpenWeather APIs, Atmosonic creates personalized playlists that match the vibe of your surroundings, whether it's a sunny day or a stormy night.
- Host: GitHub
- URL: https://github.com/rajveeerr/atmosonic
- Owner: rajveeerr
- License: mit
- Created: 2024-09-22T16:47:41.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-19T12:16:10.000Z (about 1 year ago)
- Last Synced: 2025-08-04T22:34:57.002Z (11 months ago)
- Topics: fetch-api, javascript, promise-api, rest-api
- Language: CSS
- Homepage: https://atmosonic.netlify.app
- Size: 150 KB
- Stars: 2
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Atmosonic 🎵🌦️
**Atmosonic** is a web application that recommends music based on the current weather in your city. Leveraging the power of the Spotify and OpenWeather APIs, Atmosonic creates personalized playlists that match the vibe of your surroundings, whether it's a sunny day or a stormy night.
## 🚀 Live Demo
Check out the live version of Atmosonic: https://atmosonic.netlify.app/
## 🌟 Features
- **Weather-Based Music Recommendations**: Get music suggestions that perfectly match the weather in your location.
- **Real-Time Weather Data**: Powered by the OpenWeather API to fetch the latest weather information.
- **Curated Playlists**: Utilizes the Spotify API to provide high-quality music recommendations.
- **Responsive Design**: Fully responsive interface that looks great on any device.
- **Dynamic Content**: Built with vanilla JavaScript for seamless DOM manipulation and a smooth user experience.
## 🛠️ Technologies Used
- **HTML/CSS**: Structuring and styling the web pages.
- **Vanilla JavaScript**: Implementing core functionalities like API calls and DOM manipulation.
- **Promises & Async/Await**: Efficient handling of asynchronous API requests.
- **Spotify API**: Fetching personalized music recommendations.
- **OpenWeather API**: Getting real-time weather data.
## 📸 Screenshots
**Homepage**
**Get Started**
## 📚 What I Learned
Atmosonic was a project that allowed me to bring together everything I’ve learned in Cohort3 of @100xDevs so far:
- **Week 1**: HTML, CSS, and Vanilla JS basics.
- **Week 2**: Asynchronous JavaScript, Promises(for API Handling), OOPs.
- **Week 3**: DOM manipulation and creating a responsive user interface.
## 🌟 Credits
- **Spotify API** for music recommendations.
- **OpenWeather API** for providing weather data.
- **[Animated Fluen Emoji](https://animated-fluent-emoji.vercel.app)** for animated emojis.
## 📄 License
This project is open-source and available under the [MIT License](LICENSE).