https://github.com/dmuharemagic/movie-poster-omdb

Small React application that queries the OMDB API (http://www.omdbapi.com/)
https://github.com/dmuharemagic/movie-poster-omdb

omdb-api react react-context-api react-hook

Last synced: 28 days ago
JSON representation

Small React application that queries the OMDB API (http://www.omdbapi.com/)

• Host: GitHub
• URL: https://github.com/dmuharemagic/movie-poster-omdb
• Owner: dmuharemagic
• License: mit
• Created: 2019-10-26T23:31:33.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T23:30:52.000Z (almost 2 years ago)
• Last Synced: 2024-10-15T21:40:59.722Z (3 months ago)
• Topics: omdb-api, react, react-context-api, react-hook
• Language: JavaScript
• Homepage:
• Size: 1.47 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

# MoviePoster

This app was developed to query the already existing ***OMDB*** (*The Open Movie Database*) ***API***, which is a *RESTful web service* to obtain movie information. It was try out the functional component approach of the **React framework** and to obtain some more knowledge on *React Hooks* and the *Context API*.

Some screenshots:


![Front page](https://i.imgur.com/QGHtwnO.jpg)

![Details page](https://i.imgur.com/1NM6fpZ.png)

## Setup

To use this project, you firstly need to generate an API key on the [OMDB API's website]([https://omdbapi.com/apikey.aspx](https://omdbapi.com/apikey.aspx)).

When you obtain a new API key, change the environment variable, namely:

    REACT_APP_OMDB_API_KEY=INSERT_API_KEY_HERE

Change the *INSERT_API_KEY_HERE* to your newly obtained API key.

> **NOTE:** Do not forget to rename the ***.env.example*** to ***.env.local*** in order to be able to access the API key through the React application.

## Start the app

Firstly run the `yarn install` command (if you are using **yarn**), to resolve the needed dependencies, or if you are using **npm**, the `npm install`.

To start the app, simply run `yarn start` (if you are using **yarn**), or `npm start` (if you are using **npm**). This starts a local web development server, which enables hot-reload and a lot of useful features.

## Building the app

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!**

## License

This code is published under the MIT License.