https://github.com/keyurparalkar/itunessearchapp

A simple web app to display search results of Itunes Search APIs
https://github.com/keyurparalkar/itunessearchapp

axios itunes react react-redux styled-components

Last synced: 17 days ago
JSON representation

A simple web app to display search results of Itunes Search APIs

• Host: GitHub
• URL: https://github.com/keyurparalkar/itunessearchapp
• Owner: keyurparalkar
• License: mit
• Created: 2020-10-10T12:07:34.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2020-10-30T01:40:19.000Z (about 4 years ago)
• Last Synced: 2024-11-08T04:05:06.667Z (2 months ago)
• Topics: axios, itunes, react, react-redux, styled-components
• Language: JavaScript
• Homepage:
• Size: 6.35 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: License.md

Awesome Lists containing this project

README

        


  

  
Itunes Search App



A single page app based on React.


ItunesSearchApp is a React, and Redux based single page application which leverages itunes search api to get your favourite audiobooks, songs, and featured-movies in one place. It is simple and easy to use.

## Demo

![Alt Text](./media/demo.gif)

## Motivation

ItunesSearchApp is a single page application to help navigate through the searched term using iTunes APIs. This application is a UI replication/enhancement to the current iTunes Search. Multiple websites has motivated me to build this project e.g. Spotify, iTunes Music and Amazon Music.

 

## Tech/framework used

Built with

- [React](https://reactjs.org/)

- [Redux](https://react-redux.js.org/)

- [redux-thunk](https://github.com/reduxjs/redux-thunk), [redux-logger](https://github.com/LogRocket/redux-logger)

- [styled-components](https://styled-components.com/)

- [Itunes Search APIs](https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/iTuneSearchAPI/index.html)

## Features

- Dynamic categorization of searched term via implicit redux logic.

- Full dynamic horizontal scrolling of content for each category.

- Butter smooth UI.

- Custom-made animated loader for the app.

## How to use?

Steps to run the application:

```

npm install

npm start

```

## You can reach out 😊😊

Feel free to contact me about the problems. I will try to help as much as I can 😉

[![Linkedin Badge](https://img.shields.io/badge/linkedin-%230077B5.svg?&style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/keyur-paralkar-494415107/)

[![Mail Badge](https://img.shields.io/badge/email-c14438?style=for-the-badge&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])

[![Twitter Badge](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/keurplkar)

[![Github Badge](https://img.shields.io/badge/github-333?style=for-the-badge&logo=github&logoColor=white)](https://github.com/keyurparalkar/)

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details

## Acknowledgments

- Getting Better at React

- Learning new stuffs