SpotifyDiscover

By Trent Dietzel & Monica Barboza

Table of Contents

• About
• Diagram
• Demo
• Technologies Used
• Features
• Installation
• Usage
• Contributing
• Known Bugs
• License
• Contact

About

This project is a web application that allows users to search for artists on Spotify, view their profile details, top tracks, and related artists. Users can interact with the Spotify API to explore music artists and their associated content.

Features

• Search Artist: Users can search for artists by name using the search bar.
• View Artist Profile: Once an artist is selected, users can view their profile details including followers count, popularity, and genres.
• Top Tracks: Users can see the top tracks of the selected artist.
• Related Artists: Users can explore related artists and their profiles.

Technologies Used

• HTML
• CSS (Bootstrap for styling)
• JavaScript
• NPM (Node Package Manager): for package management
• Lint: for code quality and style checking
• Vite: Build tool for modern web development
• Vitest: for testing the JavaScript code
• React.js: JavaScript library for building user interfaces
• Redux: State management library
• @reduxjs/toolkit: Redux toolkit for efficient Redux development
• React Redux: Official React bindings for Redux

Installation

Follow these steps to set up the project locally:

1. Open Git BASH Download Link
2. Clone the repository to your local machine:

   git clone https://github.com/tdietzel/SpotifyDiscover

3. Open the project directory:

   cd SpotifyDiscover

4. Open in a code editor like Visual Studio Code.
5. Open the VS Code terminal and enter this command to install needed dependencies:

   npm install

6. The run once installed to view in browser or to use for further development:

   npm run dev

Usage

To use the application:

1. Visit the website Here.
2. Enter the name of the artist you want to search for in the provided search bar.
3. Click on the "Search" button to retrieve the artist's information.
4. Explore the artist's profile, top tracks, and related artists.
5. Click on any related artist to view their profile.
6. Enjoy discovering new music artists and their music content!

Contributing

I welcome contributions to improve the project. If you'd like to contribute, please follow these guidelines:

1. Fork the project repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and test thoroughly.
4. Commit your changes with a descriptive commit message.
5. Push your branch to your forked repository.
6. Create a pull request to the main repository.

Known Bugs

• N/A

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any questions, suggestions, or inquiries, please contact Trent Dietzel at dietzelbiz@outlook.com.