Code Monkey home page Code Monkey logo

bingstar-movie-search's Introduction

BingStar-movie-Search

In this project I have made a movie search web application.With efforts and the technology stack, that I have learned during curriculum of unit 3 so far in the masai school.

Technology Stack Used

  • HTML5
  • CSS3
  • JavaScript (LocalStorage, DOM, Api)

How to browse through the project?

Home Page:

This is the Landing page when the user enters the website for the first time this page will show up. Here user can find movies on the basis on categories also user can search for a particular movie.

Home Page

Home Page

Home Page

Register/Login Page :

Here I have used mock server to register and login functionality after successfully login user will redirected to home page and login button will replace by username name of the user.

Register login

About Page :

If user will click on any of the movie then user will get all information of that particular movie with short video clips, casts and recommended movies related to clicked movie.

About1 About2 About3

Bing VIP Page :

If user will click on BingVIP button then user will get redirected to VIP page. If user will try to purchase VIP membership without login then he will get redirected to login page or if already logged in then after clicking on vip button then user will get redirected to payment option page.

BingVIP

Payment Options Page :

Here user can select the payment method for VIP membership.

payment options

Payment Page :

Here user will fill up all the card related information and after successfully payment user will redirected to home page.

card details

Popular TV Shows Page :

Here user will get all the popular TV shows. If user will click on any of the show then user will redirected to about page and user will get all the information of that clicked TV show.

popular

Upcoming Movies Page :

Here user will get all upcoming movies. If user will click on any of the movie then user will redirected to about page and user will get all the information of that clicked movie.

upcoming

Video demo

video

Author

Ankit Mishra 👦

Linkedin

GitHub

bingstar-movie-search's People

Contributors

ankit-mishra07 avatar

Stargazers

Pragati Tiwari avatar Gaurav Maihuria avatar  avatar

Watchers

 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.