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.
Check out the live version of Atmosonic: https://atmosonic.netlify.app/
- 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.
- 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.
Homepage
Get Started
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.
- Spotify API for music recommendations.
- OpenWeather API for providing weather data.
- Animated Fluen Emoji for animated emojis.
This project is open-source and available under the MIT License.