Giter VIP home page Giter VIP logo

scene-movie-platform's Introduction

✨Scene-Movie-Platform✨

PRs Welcome Visitors GitHub forks GitHub Repo stars GitHub contributors GitHub last commit GitHub repo size Github GitHub issues GitHub closed issues GitHub pull requests GitHub closed pull requests

Table of Contents🧾

Introduction📌

Scene is a OTT platform clone, similar to popular streaming services like Netflix or Hulu. It is built using React.js for the frontend and Firebase for the backend services.

Features

  • User Authentication: Users can sign up, log in, and manage their accounts. Firebase Authentication is used to handle user authentication and account management.

  • Media Catalog: The platform provides a catalog of movies, TV shows, and other media content. Users can browse and search for their favorite shows or movies.

  • Media Details:Each media item has its own dedicated page with details such as title, description, genre, and rating.

  • User Profiles: Users can create personalized profiles and manage their watchlists, favorites, and viewing history.

Live Site -- Click Here

Technology Used🚀

React Firebase

(back to top)

Getting Started💥

To get started with Scene Movie Platform, follow the instructions below.

Prerequisites

Before installing the application, ensure that you have the following:

  • Node.js (version 12 or higher)
  • MovieDB API Key

Installation

  1. Fork this Repository.
  2. Clone the forked repository in your local system.
git clone https://github.com/<your-github-username>/Scene-Movie-Platform.git
  1. Navigate to the project directory:
cd Scene-Movie-Platform
  1. Install Dependencies
npm i
#or
yarn install

Running the Application

To run the application, follow the steps below

  1. Set up a Firebase project and enable the necessary services ((Firebase Authentication, Firebase Firestore, Firebase Storage).

Firebase setup is already done in this repo you can skip this step.

  1. Get an API KEY from MovieDB Website.
  2. Create a .env file in root directory.
REACT_APP_API_KEY=paste your moviedb api key
  1. Then start the application with
npm start #using npm 
#or
yarn start #using yarn 

5.Open your web browser and visit localhost:3000 to access the Scene Movie Platform.

How To Contribute

We welcome contributions from the community! To contribute to the Scene Movie Platform project, follow the steps below:

  • View the Live Project here.
  • Raise an issue if you find a bug or add a feature.
  • Wait for the issue to be assigned and proceed only after the issue is assigned to you.
  • Navigate to the project directory.
cd Scene-Movie-Platform
  • Create a new branch for your feature.
git checkout -b <your_branch_name>
  • Perfom your desired changes to the code base.
  • Track and stage your changes.
# Track the changes
git status
# Add changes to Index
git add .
  • Commit your changes.
git commit -m "your_commit_message"
  • Push your committed changes to the remote repo.
git push origin <your_branch_name>
  • Go to your forked repository on GitHub and click on Compare & pull request.
  • Add an appropriate title and description to your pull request explaining your changes and efforts done.
  • Click on Create pull request.
  • Congrats! 🥳 You've made your first pull request to this project repo.
  • Wait for your pull request to be reviewed and if required suggestions would be provided to improve it.
  • Celebrate 🥳 your success after your pull request is merged successfully.

(back to top)

Code Of Conduct📑

This project and everyone participating in it is governed by the Code of Conduct. By participating, you are expected to uphold this code.

This repo is a part of the following Open Source Program🥳

Hacktoberfest2022
GSSoC '23

(back to top)

Project Admin⚡

Sourabh Sikarwar
Sourabh Sikarwar

Project Contributors🫂

Contributing is fun🧡

forthebadge

Contributions of any kind from anyone are always welcome🌟!!

Give it a 🌟 if you ❤ this project. Happy Coding👨‍💻

(back to top)

scene-movie-platform's People

Contributors

sourabhsikarwar avatar suzy-g38 avatar tuhinaww avatar shravan-das avatar an525ish avatar manaver avatar tusharminche avatar accodes21 avatar aakash1616 avatar aashay28 avatar sukhendu2002 avatar soundaryakoutharapu avatar soumyajit2825 avatar avinash905 avatar aryan123-rgb avatar bhanujatin avatar harshdobariya79 avatar hemant2335 avatar kalyan-velu avatar sinjini-g avatar shobhitexe avatar soumya-kushwaha avatar mandliyarajendra11 avatar vishnubansal001 avatar

Stargazers

 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.