/moviesAPI

Web Development Program Hackathon created by @BrainStationTO.

Primary LanguageJavaScript

🎥 Movies API

It's an app that gets movies information from The Movie Database API.

Table of contents

Overview

The Challenge

Build a front-end web application that fulfills the following requirements:

  • Use HTML5, CSS3, Flexbox & Sass for structuring and building the UI
  • Use appropriate BEM naming convention
  • Use DOM APIs for adding/deleting/updating the elements on your page
  • Use the fundamentals of programming in Javascript to write your logic. This would entail usage of variables, control flow statements, functions, loops & DOM APIs
  • Demonstrate implementation of asynchronous programming concepts like promises, callbacks, event handlers
  • Pick an API for your project and apply your asynchronous programming skills to call the required API in your project
  • Optional: use CSS animations, responsive design, external font libraries for a better UI

Features

  • Select movies by genre and language
  • Favorite a movie

Technologies

  • HTML
  • CSS
  • Flexbox
  • Sass
  • BEM
  • JavaScript
  • The Movie Database API

Installing

  • Download the Repository
  • Open index.html on a web browser

Live

Up next

  • Add responsive design
  • Add more selectors
  • Add validation
  • Improve search function
  • Improve BEM and Sass

Authors