Git Product home page Git Product logo

qazimaazarshad / movie-streaming-website Goto Github PK

View Code? Open in Web Editor NEW
227.0 5.0 358.0 484.43 MB

A website to watch movies, anime, web series, and TV shows.

Home Page: https://qazimaazarshad.github.io/Movie-Streaming-Website/

License: MIT License

HTML 93.54% JavaScript 1.09% CSS 5.37%
html5 css3 javascript front-end-development lgm-soc open-source bootstrap dcp-21 hacktoberfest hacktoberfest2021

movie-streaming-website's Introduction

Movie Streaming Website 🎬

Are you a movie maniac, who loves to binge-watch awesome movies & series? If Yes, then you have come to the right place.

Everyone loves to watch their favorite shows with friends and some snacks. But there is something that you might be missing out on!

So, what else do you need?🤔.

Here is the answer: An awesome movie streaming website of yours that has all your favorites in one place!

We already have Netflix, Amazon Prime, and Hotstar but they might get expensive sometimes. So what should we do? You must be wondering that making our own movie website might take time or require some web development knowledge, and after all of that will you still get something really cool?

Well, take a chill pill. Don't be intimidated by these thoughts. Apna Theatre Website is here to the rescue!

A sneak peek into what we have here🙈 :

Home Page

Sign-Up Page

Kids Page

Search Function

Contact Us Page

About

ApnaTheatre.com is a place for all movieholics & cinephiles to enjoy. This movie streaming website allows users to watch their favorite movies, tv shows, and web series from multiple genres like Crime, Comedy, Drama, Documentaries, Horror, Anime, Romance, War, Action, Fantasy, Kids and many more!

Link to the website

https://qazimaazarshad.github.io/Movie-Streaming-Website/

Tech Stack

How to get started❓

You can refer to the following articles on the basics of Git and Github and also contact the Project Mentors, in case you are stuck:

Contribution Guidelines 🏗

Are we missing any of your favorite features, which you think you can add to it❓ We invite you to contribute to this project and improve it further

To start contributing, follow the below guidelines:

🌟. Star🌟 the repo to appreciate the work.

0. Take a look at the existing issues or create your own issues. Wait for the Issue to be assigned to you after which you can start working on it.

1. Fork this repository.

2. Clone your forked copy of the project.

git clone --depth 1 https://github.com/<your_user_name>/Movie-Streaming-Website.git

3. Navigate to the project directory 📁 .

cd Movie-Streaming-Website

4. Add a reference(remote) to the original repository.

git remote add upstream https://github.com/QAZIMAAZARSHAD/Movie-Streaming-Website.git 

5. Check the remotes for this repository.

git remote -v

6. Always take a pull from the upstream repository to your master branch to keep it at par with the main project(updated repository).

git pull upstream master

7. Create a new branch.

git checkout -b <your_branch_name>

8. Perform your desired changes to the code base.

9. Track your changes:heavy_check_mark: .

git add . 

10. Commit your changes .

git commit -m "Relevant message"

11. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

12. To create a pull request, click on compare and pull requests. Please ensure you compare your feature branch to the desired branch of the repo you are supposed to make a PR to.

13. Add an appropriate title and description to your pull request explaining your changes and efforts done.

14. Click on Create Pull Request.

15. Voila ❗ You have made a PR to the Apna Theatre project 💥 . Sit back patiently and relax while the project maintainers review your PR. Please understand, at times the time taken to review a PR can vary from a few hours to a few days.

Project Admin👨‍

Qazi Maaz Arshad

Open Source Programs we have been associated with

Click to read

License

MIT License

Contributors

movie-streaming-website's People

Contributors

aasthasaxena217 avatar akshit42-hue avatar anupammaurya6767 avatar ashish-nagmoti avatar crimsenth avatar dilroser avatar edw-th avatar ekagrashukla avatar godwin-olele avatar ishikasinha-d avatar jagannath8 avatar jahnavikashyap19 avatar jatandudeja avatar jugeshraghav avatar kshitija-2001 avatar kumarishalini6 avatar onaliyvinukiy avatar priyansh11786 avatar qazimaazarshad avatar rajput999 avatar rishika789 avatar rompyroshni31 avatar sarthakjdev avatar shaishav0507 avatar shivshankar9 avatar sourav61 avatar srijan1878 avatar swastik1710 avatar vydyas avatar wc0801 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

movie-streaming-website's Issues

Redesign search bar button

hello sir,
My idea is all about to improve the search box button. If we see the search box button it is purely simple. I would like to contribute some changes to the search box button.
Normally, the search box button will appear like a circle and between the circle the search symbol in it. whenever a person wants to hover the cursor the circle search box will turn into a rectangle one where the user can search.
trust me sir it will be amazing :)

please assign this to me @QAZIMAAZARSHAD

Apnathreatre.com must be responsive.

Responsive website is a website which adjust itself according to screen size so that all user can interact easily irrespective of there screen size .
bug
this website must be responsive so that it content can adjust itself according to screen size .

Favicon missing

I would like to work on it, it would make the website more attractive

Add movie slider button

Adding the slider button to the kids, movie, web-series section and hover effects while clicking over the image

Changes in navbar & adding top button

Navbar

  1. The navbar will stick to the top when you reach its scroll position
  2. Change colour when user scroll. I mean in opacity

Top-button
button that becomes visible when the user starts to scroll the page

I work on this issue under LGM-SOC'21 participant..please assigned me

Cursor hover color change

this will impart an interactive look to your website i want to work on this issue and have already made the changes

Navigation bar and bottom to top button

Navigation bar must be stick to page so that one who is on bottom of page can easily acess home movies webseries etc section and there must be a bottom to top button so that on clicking one can go to top of page .

Add a stylish pre-loader

It will be better if the pre-loader follows a (red-black) theme like the website and related to cinema or movies.

Quality of movie

We can also specify the quality of movie in top right corner of every movie poster.

Design premium page

Refer to premium pages of some cool websites.
Keep in mind the overall theme of the website.

Design a new creative logo for website

The name of the website is ApnaTheatre.
Don't change the name of the website, you can come up with an interesting slogan.

Use red and black color so it matches the website's theme.

Add filter to sort movies according to the genre

I saw that we are creating separate pages for each genres , this can be enhanced by using filters and this will reduce the number of webpages and displays based on filters using javascript in the same page itself

I would like to work on this issue @QAZIMAAZARSHAD ,please assign me

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.