react-movie-search's Introduction

react-movie-search

Description

React Movie Search App - search for your favorite movie.

This simple mobile-first web app utilizes a common API to retrieve and resent data in a meaningful way.

Build Instructions

install Create React App

npm install -g create-react-app

Scaffold and start new react app

cd react-movie-search
npm start```

## ToDo

- [] Find a design
- [] Create a movie template design
- [] increase tags container width, same as you did for the plot
- [] Create a movie list
- [] Add search field
- [] Add submit handle on button
- [] Use Axios (a promised-based HTTP client) is used for making API calls

## Done

- [x] Find and use an API for movies
- [x] Add react project in git-pages

## Link

You can see the version live on [Heroku](https://codepen.io/FlorinPop17/full/rRaEYv) and also you can read how I built it in this [article](https://www.florin-pop.com/blog/2019/02/react-movie-search-app/).

## Credits

- Built with React
- This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app)
* [http://getbem.com/](http://getbem.com/) - CSS Methodology
- API from [The Open Movie Database](http://www.omdbapi.com/)
  - The Open Movie Database (OMDb) API is a RESTful web service to obtain movie information. This OMDb API allows users to search for movies by title, IMDb identifier, date released, season or episode, among other information.
- Icons from [FontAwesome](https://fontawesome.com/?from=io)

Recommend Projects