https://github.com/rsginer/react-movie-binge-list

React Redux Movies App - TDD Jest - GraphQL Apollo
https://github.com/rsginer/react-movie-binge-list

apollo-client graphql jest react react-redux redux

Last synced: about 1 month ago
JSON representation

React Redux Movies App - TDD Jest - GraphQL Apollo

• Host: GitHub
• URL: https://github.com/rsginer/react-movie-binge-list
• Owner: RSginer
• Created: 2019-09-03T11:33:18.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T08:50:28.000Z (almost 2 years ago)
• Last Synced: 2023-03-08T05:58:18.632Z (almost 2 years ago)
• Topics: apollo-client, graphql, jest, react, react-redux, redux
• Language: JavaScript
• Homepage: https://rsginer-my-binge-list.netlify.com/
• Size: 13.1 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 25
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![Open Source Love](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)](https://github.com/ellerbrock/open-source-badges/)

## My Binge List

Demo: https://rsginer-my-binge-list.netlify.com/



### `yarn run deploy`

Creates a docker image with the app bundles inside a NGINX server runing and starts GraphQL server.

- **Webapp**: http://localhost:8080

- **GraphQL**: http://localhost:4000/graphql

I recommend to use this extensions for a better review:

  - **Redux DevTools**: https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd

  - **Apollo Client Developer Tools**: https://chrome.google.com/webstore/detail/apollo-client-developer-t/jdkknkkbebbapilgoeccciglkfbmbnfm

In the project directory, you can run also the following commands:

### `yarn start` (dev mode)

Runs the app in the development mode. (Probablly you will need to run the [movie-service](https://cloud.docker.com/u/rsginer/repository/docker/rsginer/codingventures-movie-service))


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.


You will also see any lint errors in the console.

### `yarn test`

Launches the test runner in the interactive watch mode.


- Test suites:

  * [Jest](https://jestjs.io/)

  * [Enzyme](https://airbnb.io/enzyme/)

### `yarn run build`

Builds the app for production to the `build` folder.


It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.


Your app is ready to be deployed!

### Other dependencies used

- [Connected Router](https://github.com/supasate/connected-react-router)

- [Router DOM](https://reacttraining.com/react-router/web/guides/quick-start)

- [Apollo Client](https://www.apollographql.com/docs/react/)

- [FontAwesome](https://github.com/FortAwesome/react-fontawesome)