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

https://github.com/victorgonbu/movie-couch

Mobile Webapp to look and search for data of your favorite movies.
https://github.com/victorgonbu/movie-couch

css3 javascript react

Last synced: about 2 months ago
JSON representation

Mobile Webapp to look and search for data of your favorite movies.

Awesome Lists containing this project

README

        

# Movie Couch

React web app to search for movies using the [TMDB API](https://www.themoviedb.org)

## App screenshots

- HOME


Home screenshot

## Usage

- Filter
>> It counts with a dropdown menu filter to look for movies by genres, popularity and rating.


Filter screenshot

- Search
>> It counts with a search box to look for the desired title.


Search screenshot

- More details

>> Every movie listed counts with a 'More details' button to display all details about it.


More details screenshot

## Built With

- Javascript
- HTML
- CSS
- Node.js
- React
- React-DOM
- Redux
- prop-types
- TMDB API
- React testing library

## Live Demo

[Netlify deploy link](https://movie-couch.netlify.app)

## Videos Demo
https://gist.github.com/Shaqri/2a165ff7278f6776aa17f72443d407bd

## Getting Started

To get a local copy up and running follow these simple example steps.

- Git clone https://github.com/Shaqri/Movie-Couch.git
- Move to the root directory in your command line
- run `yarn install` to install all dependencies
- run `yarn start` to start the app in your localhost

## Test

To run all available tests run `yarn test` in your terminal.

## ENV variables

To implement ENV variables follow the examples contained in the '.evn-example' file located in the root directory and after modifying the file rename it with '.env'.

## Author
👤 Victor Gonzalez
- Github: [@Shaqri](https://github.com/Shaqri)
- Twitter: [@victorgonbu1](https://twitter.com/Victorgonbu1)
- LinkedIn: [Victor Gonzalez](https://www.linkedin.com/in/victor-manuel-gonzalez-buitrago)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the [issues page](issues/).

## Show your support

Give a ⭐️ if you like this project!