OMDB Movies & Series Searching Website

• Skills: HTML5, CSS, Javascript, React.js, Call API, Data Analysis

Project Demo

OMDB-demo.mp4

Overview

• This project contains the following 3 pages that were built with React:
  • A "Home" page
  • A "Search result" page
  • A "Item detail" page
• The pages are also usable on mobile and tablet devices.

"Home" Page

• Refer to the screens/home.png screen.
• This is the index.html screen that displayed 2 tiles, which link to the "Series" page and the "Movies" page.

"Search result" and "Item detail" Pages

• Refer to the screens/search-result.png and screens/item-detail.png screens.

• Fetched data from OMDB API

• Also handled the loading and error states, of fetching the JSON feed:

  • "Loading" state screens/loading.png
  • "Error" state screens/error.png

Set up instruction

1. clone this repository: git clone https://github.com/WWW0828/React-project.git
2. open terminal in this project folder: cd [project path]
3. install packages: npm install
4. start the server: npm start

References

• React
• OMDB API