Giter Club home page Giter Club logo

movie-search's Introduction

movie-search

Simple movie search app using OMDb API

run

This project was created as a React app using 'create-react-app'. To preview it, clone the repository, run npm install and then npm run start. The application should open up a browser window. For production use, a bundle has to be created using npm run build and then served with a static file server of your choice, ex. Nginx.

what is left to be implemented

This project was created in 3 hours as a proof of concept on how such an application could work. There's a lot to be done concerning both code quality and features development, for instance: it was developed on Chrome 71.0 and not tested on other browsers.

code quality improvements

  • add unit tests
  • introduce ESlint
  • refactor code
  • test against different browsers
  • accessibility improvements

features to be completed

  • create a preview page allowing you to select a movie card and see its details
  • use pagination - when the search has been initiated and there is more than 10 results, browse through all the pages. The API module is already prepared to do so, just need to code it in actions.js
  • display suggestions: when the user is typing, requests can be sent to the API to request movies that match the title that has been entered so far; those movies can be displayed as suggestions for faster selection - here we can use just a single page
  • scroll to top - especially helpful for mobile devices

movie-search's People

Contributors

mbryla avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.