heycinema

🎞️ heycinema isa search app from the OMDb API RESTful web service to obtain movie pieces of information, with All Best Practices.

Demo online

Tech

heycinema uses a number of open source projects to work properly and has been deployed on surge:

• React - A JavaScript library for building user interfaces
• React Loadable - A higher order component for loading components with promises
• Redux - Predictable state container for JavaScript apps
• redux-saga - An alternative side effect model for Redux apps
• Jest - Delightful JavaScript Testing
• Enzyme - JavaScript Testing utilities for React
• prop-types - Runtime type checking for React props and similar objects
• history - Manage session history with JavaScript
• lodash - A modern JavaScript utility library delivering modularity, performance, & extras
• express - Fast, unopinionated, minimalist web framework for node
• IP - IP address tools for node.js
• cross-env - Cross platform setting of environment scripts
• MUI - A lightweight CSS framework
• Webpack - Bundle assets scripts
• Eslint - Pluggable JavaScript linter
• Babel - The compiler for writing next generation JavaScript

And of course heycinema itself is open source with a public repository on GitHub.

Installation

heycinema requires Node.js v10+ to run.

Install the dependencies and devDependencies.

$ cd to heycinema
$ yarn

Start the node server

yarn start

Runs the app in the development mode. Open 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.

Test

yarn test

Launches the test runner

yarn jest --watch

Launches the test runner in the interactive watch mode.

For production

$ yarn build

Builds the app for production to the build. 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. Ready to be deployed!