https://github.com/rodrigowebdev/itunes-react-app
Search application for itunes music
https://github.com/rodrigowebdev/itunes-react-app
Last synced: 3 months ago
JSON representation
Search application for itunes music
- Host: GitHub
- URL: https://github.com/rodrigowebdev/itunes-react-app
- Owner: RodrigoWebDev
- License: mit
- Created: 2020-02-04T18:46:19.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-01-05T20:24:15.000Z (about 5 years ago)
- Last Synced: 2024-12-28T01:45:28.913Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 1.2 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Instructions
### Installing
```
npm install
```
## Development Server
```
gatsby develop
```
or
```
npm start
```
## Build
```
gatsby build
```
## Production Server
```
gatsby serve
```
## Tests
```
npm t
```
# Documentation
## Libraries
* Gatsby - it's a free and open source framework based on React that helps developers build blazing fast websites and apps. I use it because it comes with the well-configured development environment
* Axios - it's a free library to make AJAX requests
* Jest - it's a good library to do some tests
* Helmet - it's a library to change the content of the HEAD tag, like title and favicon
## The Main file
The main file is located in src/pages/index.js. In this file we import all the components that the application uses. Here I use a main component that control the state of the application, and pass properties to child components
## Components
The components are located in src/components/. Note that each component has its own style imports and other components as well.
## Test components
The test components are located in \__tests__. Here I did some basic tests, like checking if the props are receiving an array
## Styles
All the styles are located in src/styles/
## Pages
All pages are located in src/pages/. Here we have only two pages, index and 404. if you need more pages, add to this folder
If you need more information about __components__, __props__, __state__, __import__ and __export__, see the [React.js docs](https://reactjs.org/tutorial/tutorial.html)