Giter VIP home page Giter VIP logo

movies-showcase's Introduction

Movies Showcase

Stream Two Project: Interactive Frontend Development - Code Institute

The main goal of this project is to generate and populate website content using JavaScript and external database.

With the help of www.themoviedb.org API I have made a movies showcase.

Demo

Live demonstration of a website can be found by the folowing link: https://yiaoma.github.io/Movies-Showcase/.

UX

The idea behind designing this project was to make user feel like they are using an application rather than a website. My goal was to make it simple and easy to use.

Technologies

1. HTML
2. CSS
3. JavaScript
4. FontAwesome

Features

1. Pagination - allows users to navigate through website pages.
2. Sort button - allows users to sort movies by popular, top rated and upcoming.
3. Movie details - by clicking on the specific movie poster displayed on showcase you can access the movie details view which provides more information about the movie, such as title, release date, rating and overview.

Testing

This website was manually tested on Mozilla FireFox and Google Chrome web browsers, both desktop and mobile to ensure compatibility and responsiveness.

Deployment

The live website is desployed on GitHub pages.

Credits

Content

All the content provided by www.themoviedb.org.

This is for educational use only.

movies-showcase's People

Contributors

yiaoma avatar

Watchers

James Cloos 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.