Skip to content

Latest commit

 

History

History
47 lines (34 loc) · 1.94 KB

README.md

File metadata and controls

47 lines (34 loc) · 1.94 KB
Raw

TrybeTunes

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.

Features

  • 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

Technologies Used

  • React
  • React Router
  • CSS
  • iTunes API

How to Run the Project

  1. Clone the repository: git clone https://github.com/duarte-dot/trybe-tunes.git
  2. Navigate into the project directory: cd trybe-tunes
  3. Install dependencies: npm install
  4. Start the server: npm start
  5. Access the application in your browser at: http://localhost:3000

You can also access it via the deployment link.

Key Learnings

  • 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

Conclusion

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.