Movie & Cinema Finder App

Table of Content

• Description
• Installation
• Usage
• Visual
• License
• Links
• Questions

Description

This project was created mainly with React.js framework. This App help the user to find movie information and to easily locate the nearest Cinemas to their current location.

Installation

1. The software package needed to install are the following:

• React,
• React Router DOM,
• Bootstrap,
• MomentJS,
• Movie-info.

2. In the command line type npm i react-scripts to install Scripts.
3. After react installation, open the README.md file to find the details to start the program.
4. Install React Router DOM by entering npm i react-router-dom in the command line.
5. Enter npm install bootstrap in the command line to install Bootstrap, then add import 'bootstrap/dist/css/bootstrap.min.css' to the index.js file.
6. To install moment.js package enter npm i moment in the command line.
7. To install Movie-info enter npm i -g movie-info in the command line.

Build with:

• React is a JavaScript library developed by Facebook which, among other things, was used to build Instagram.com. Its aim is to allow developers to easily create fast user interfaces for websites and applications alike. The main concept of React. js is virtual DOM.
• MomentJS is a JavaScript library which helps is parsing, validating, manipulating and displaying date/time in JavaScript in a very easy way.
• Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.
• API are mechanisms that enable two software components to communicate with each other using a set of definitions and protocols.
• JavaScript is a scripting or programming language that allows you to implement complex features on web pages.
• CSS is a computer language for laying out and structuring web pages.

Usage

Below is a Short video clip showing how to use the app.

demo-video1.2.mp4

Visual

Image of the App when finding the closest Cinema.

Image of the App displaying poster in search history view.

License

This project is covered by MIT.

Links

Resource

• https://developer.movieglu.com/api-index/cinemasnearby/

• https://www.omdb.com/?ref_=nv_home

• https://openweathermap.org/api

• https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API

• https://www.npmjs.com/package/movie-info

• https://www.npmjs.com/package/moment

• https://react.dev/reference/react/useEffect

• https://react.dev/reference/react/useState

• https://www.geeksforgeeks.org/react-js-usecallback-hook/

• https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

Source code location

• https://github.com/GeorgeGio/Movie-Cinema-Finder

Deployed website URL - Netlifly

• https://movie-cinema-finder.netlify.app/

Questions

For questions and comments please contact the following details:

E-mail(s):
macharitocruzuk@gmail.com
csaba0613@gmail.com

GitHub user Id(s):
https://github.com/chari00
https://github.com/CIMSGit