An open API service indexing awesome lists of open source software.

https://github.com/simandrew/use-popcorn-react

Use Popcorn React JS App
https://github.com/simandrew/use-popcorn-react

Last synced: 3 months ago
JSON representation

Use Popcorn React JS App

Awesome Lists containing this project

README

        

## Use Popcorn React App.

---

### About:

A UsePopcorn app lets users find and rate movies and keep a custom list of the movies they've seen. A user can obtain extensive movie details, including genre, cast, director, ratings, and more.

App utilizing the Open Movie Database API.

Data Storing in LocalStorage.

You can try here: [use-popcorn-reactjs-app.netlify.app/](https://use-popcorn-reactjs-app.netlify.app/)

---

### Sample task, photo:

- Find and rate a movie
![image](https://github.com/SimAndrew/use-popcorn-react/assets/44125451/9315e630-857e-4dfe-b274-33f881598157)

- View the movie's rating.
![image](https://github.com/SimAndrew/use-popcorn-react/assets/44125451/8a8822b1-0ea3-4635-beca-670899379d7d)

![image](https://github.com/SimAndrew/use-popcorn-react/assets/44125451/14c4fbd3-8ec3-43ea-a896-4026b94703e8)

---

### Technologies:

- [React JS](https://react.dev/)
- [Vite JS](https://vitejs.dev/), [ESLint](https://eslint.org/), [Prettier](https://prettier.io/)
- [The Open Movie Database API](https://www.omdbapi.com/)
- [Material UI Icons](https://mui.com/material-ui/material-icons)
- [Deploying on Netlify](https://www.netlify.com/)

### Run the app:

- Clone a project: `git clone`

```
https://github.com/SimAndrew/use-popcorn-react.git
```

- Open project code in your editor.
- Install the dependencies, enter into the terminal:

```
npm install
```

- Run the project, enter into the terminal:

```
npm run dev
```