Tune In Later
Authors:
Overview
Tune In Later is a web application that allows users to search for different artists' albums via the Itunes Search API.
In addition to searching for music from different artists, users can also log in, log out, create a new account, and "favorite" albums to view them at a later time.
Getting started
- Clone down the repo and install the dependencies with
npm install
.
- Run
npm start
and visit http://localhost:3000 to view the application in the browser.
- Run the test suite with
npm test
.
Learning goals
- Make informed design decisions to create a user-friendly application.
- Become comfortable with different network requests like GET, POST, & DELETE.
- Solidify concepts with React to create clean and re-useable components.
- Become comfortable with Redux’s lifecycle, creating actions, reducers, and connecting them to React components.
- Understand and solidify concepts with React component, asynchronous code, route handling, and Redux testing.
Built with
- React (
create-react-app
)
- React Router
- Functional React components
- Class React components
- Redux
- Testing Jest/Enzyme
- CSS
- Fetch API
- Itunes Search API
Images
Home page:
![Home screenshot](https://github.com/eoneill23/tune_in_later/raw/master/src/images/home-page.png)
Log-in form:
![Log-in form screenshot](https://github.com/eoneill23/tune_in_later/raw/master/src/images/log-in-form.png)
Signup form:
![Signup form screenshot](https://github.com/eoneill23/tune_in_later/raw/master/src/images/sign-up.png)
Logged-in home page:
![Logged-in home page screenshot](https://github.com/eoneill23/tune_in_later/raw/master/src/images/logged-in-home-page.png)
Favorites page:
![Favorites page screenshot](https://github.com/eoneill23/tune_in_later/raw/master/src/images/favorites-page.png)