This project is a web application that allows users to search for artists or bands and view their albums and songs. Users can preview songs from albums, favorite and unfavorite songs, and view their list of favorite songs. Additionally, users can view and edit their profiles.
- Login functionality
- Search for a band or artist
- List available albums for a band or artist
- View songs from a selected album
- Preview songs from the album
- Favorite and unfavorite songs
- View list of favorite songs
- View logged-in user profile
- Edit logged-in user profile
- React
- React Router
- CSS
- iTunes API
- Clone the repository:
git clone https://github.com/duarte-dot/trybe-tunes.git
- Navigate into the project directory:
cd trybe-tunes
- Install dependencies:
npm install
- Start the server:
npm start
- Access the application in your browser at: http://localhost:3000
You can also access it via the deployment link.
- Making requests and consuming data from an API
- Using React component lifecycle methods
- Using the
setState
function to ensure that specific code executes only after state has been updated - Properly utilizing the
BrowserRouter
component - Creating routes that map URL paths to corresponding components using
Route
- Using
Switch
from React Router for routing - Creating navigation links in the application using the
Link
component
This project provided an opportunity to apply the knowledge gained during the Trybe course on React and consuming API data. With the developed features, users can easily and intuitively search and explore songs from their favorite artists. Furthermore, the implementation of the favorites system and profile editing allows users to personalize their experience within the application.