Skip to content

EmiliaWenta/goit-react-hw-05-movies

Repository files navigation

Image-finder using Pixabay API in React

Task nr 5 from GoIT course - module: React.js Live demo here.

Table of Contents

General Information

  • This project concerns task no. 5 from the GoIT react.js module course.
  • Task goal: learnig how to using Routing, navigate of page and react.lazy.
  • Main functionality: You can find movies and their description, cast, reviews and more.

Technologies Used

Project is created with:

  • React - 18.1.0
  • Node.js v18.16.1
  • JS
  • JSX
  • CSS
  • json
  • API
  • Routing
  • React.lazy,
  • React.suspense.

Screenshots

Below you can show how the application working:

  1. That's a Home site, there are trending movies today. You can click one and see more information about that movie. image image
  2. That's a Movie site, here you can search movie that you are looking for. image
  3. You can also click on movie title, and then see more information about that movie. image
  4. You can see more information just like cast or reviews, please click as shown below. image image

Setup

To run this project, install it locally using npm:

$ cd ../goit-react-hw-03-phonebook/
$ npm install
$ npm start

Project Status

Project is: complete

Acknowledgements

  • This project was based on template from this tutorial
  • Many thanks for GoIT Team.

Contact

Created by @EmiliaWenta - feel free to contact me!