Jammming is a web application built using React that allows users to search the Spotify library, create custom playlists, and save them to their Spotify accounts. The project utilizes React components, state management, and the Spotify API to provide an interactive and user-friendly experience for music enthusiasts.
- Search for songs by title, artist, genre, and more.
- View detailed information about each song, including title, artist, and album.
- Create custom playlists by adding or removing songs.
- Export playlists to your personal Spotify account.
- HTML
- CSS
- JavaScript
- React
- Spotify API
- Git (Version Control)
- GitHub (Repository Hosting)
- Deployment (Deployment Platform)
To run the Jammming application locally, follow these steps:
- Clone the repository:
git clone https://github.com./your-username/jammming.git - Navigate to the project directory:
cd jammming - Install dependencies:
npm install - Start the development server:
npm start - Open your browser and visit:
http://localhost:3000
- Open the Jammming web app.
- Use the search bar to find songs by title, artist, or other attributes.
- View the search results and click on songs to preview details.
- Create your custom playlist by adding songs to it.
- Remove songs from the playlist if needed.
- Once your playlist is ready, click "Export to Spotify" to save it to your account.
While the current version of Jammming provides a solid foundation, there are several areas for future improvement:
- Implement user authentication to access and manage personal Spotify playlists.
- Enhance the user interface with more visual elements and design improvements.
- Provide additional filtering and sorting options for search results.
- Explore integration with other music streaming services for a broader user base.
Feel free to contribute by submitting pull requests or opening issues for bugs or new features.
Happy jamming! 🎶