https://github.com/yagolopez/binoovo
This app consumes a movies API using Graphql and Nextjs
https://github.com/yagolopez/binoovo
functional-reactive-programming graphql nextjs react-hooks reactjs server-side-rendering
Last synced: about 2 months ago
JSON representation
This app consumes a movies API using Graphql and Nextjs
- Host: GitHub
- URL: https://github.com/yagolopez/binoovo
- Owner: YagoLopez
- License: mit
- Created: 2020-08-02T08:52:49.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2025-04-01T05:47:31.000Z (about 2 months ago)
- Last Synced: 2025-04-09T18:15:10.299Z (about 2 months ago)
- Topics: functional-reactive-programming, graphql, nextjs, react-hooks, reactjs, server-side-rendering
- Language: HTML
- Homepage: https://binoovo.vercel.app
- Size: 3.19 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 87
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://github.com/prettier/prettier)
# Binoovo Movie Search App
- This app consumes the API: https://www.themoviedb.org/documentation/api
using the GraphQL endpoint: https://tmdb-graphql.com
- It was created using the [`create-next-app`](https://nextjs.org/blog/create-next-app) package
## Features
- [JAMStack Architecture](https://www.netlify.com/jamstack/)
- Functional programming
- [GraphQL](https://dev.to/leonardomso/why-graphql-is-the-future-of-apis-3632)
- ReactJS and [React Hooks](https://es.reactjs.org/docs/hooks-intro.html)
- Server Side Rendering with [Nextjs](https://nextjs.org/)
- Progressive Web Application ([PWA](https://web.dev/progressive-web-apps/))
- Isomorphic Javascript
- Typescript
- Mobile first responsive design
- Use of [CSS modules](https://github.com/css-modules/css-modules)
- [Lazy loading images](https://web.dev/lazy-loading/) for better performance and UX
- React [Material Design](https://rmwc.io/)
## Demo
- [Run app in production mode](https://binoovo.vercel.app/).
Use this link or the following QR code:
- [Run app in development mode](https://lj9gh.sse.codesandbox.io/):
**Note**: This option will run the project in a Docker container in development mode whitout
optimizations. It will be a bit slower than the production version
[](https://codesandbox.io/s/github/YagoLopez/binoovo)
## Audit
- https://binoovo.vercel.app/audit/report.html
## Scripts
```bash
# install dependencies
npm install # using npm, or
yarn install # using yarn
# list available scripts
npm run # using npm, or
yarn run # using yarn
# run and serve at localhost:3000
npm run dev
yarn dev
# test
npm run test
yarn test
# build for production
npm run build
yarn build
# run production build
npm run start
yarn start
# check for outdated dependencies
npm run update:check
yarn update:chek
# update dependencies
npm run update
yarn update
```