Create a single page application that will utilize an external API to request movie data. The client side application will be served by a back-end which will have the ability to persist data. The page should have a form that uses the OMDBapi to search for matching movies and then display the results. When the user clicks on a search result display detailed information about that movie. Users should be able to "favorite" a movie and have it persisted via the provided back-end. Provide a link to display favorited movies.
-
This application is deployed on Heroku
-
To deploy it locally, clone the respository and run:
- npm install
- npm start
- The application is built on Node.js and Vanilla JavaScript.
- The server is built on Express.js
- Favorites data is persisted in a data.json file in the root directory
- The Kickstart CSS library is used to grab some quick styling while avoiding jQuery
- Add the ability to delete favorites from the data.json file
- Update favorites in real time if list is open
- Replace favorite saved alert with a more elegant notification
- Add some additional data from omdbapi
- Get full list from omdbapi and paginate (api returns 10 movies by default)
- Add some tests (I know! I know! - I'm working for speed here ;)
- Get the rest of the styling ironed out
- Add a spinner because omdbapi is slowwwww