A responsive web app that lets you search for an artist, see a short biography and list of top albums, and gives you the option to save the artist to a list of your favorite artists. This app uses the last.fm API.
Note, there are no database connections. Any artists you save to your list of favorites will only persist over the course of your session. 😊
This app also uses an authentication flow, so you will need a last.fm account in order to proceed. Authentication is not actually needed to use the last.fm API, however, it was a requirement for this project.
⚡️ View Live Demo ⚡️
Login View |
Search View |
Artist Info View |
Favorite Artists View |
- React
- TypeScript
- Styled Components
- React Context API
- React Router
- React Spring
- React Testing Library
- Jest
- Obtain an authentication token through last.fm
- Build a search input that enables a user to search for their favorite artist
- After searching for an artist a list of relevant artists should populate the page
- A user should be able to select an artist from the search page that will show biographical information (feel free to include discography)
- Upload your project into Github
- A user can log in using last.fm
- A user can search for an artist and see search results
- A user can select an artist and see their biography and top albums
- A user can add an artist to their list of favorites
- A user can remove an artist from their list of favorites
- A user can log out of their account
- Init project
- Add ESLint and Prettier configs
- Add styled-components and set up themes
- Add routing
- Create login page
- Login authentication
- Logout
- Navigation and routing
- Mobile navigation
- Loading indicator
- Profile page
- Projects page
- Favorites page
- Unit and integration Tests
- More unit and integration tests!
- End-to-end testing suite
- Improve mobile styles
- Storybook intergration