Merge pull request #1 from rahulpra045/tmp

Tmp

.firebase/hosting.YnVpbGQ.cache

@@ -0,0 +1,41 @@
+asset-manifest.json,1717265808156,4a674a5b79d5bcef4e86d38704f645e39fba091bfb83b8a1563a0049a0b02779
+favicon.ico,1717185768606,2f544dfc11634e7e92a0c0cb7540c79193a919f166a12fde7f6648a6a09569ef
+index.html,1717394143859,bf0442fd4291d2bf919afc395cc60d3ab49bd3491806ab035e28301e0e8f052a
+logo192.png,1717047624655,79e2b749561016bc8af300ea19f48347ceed3cb1a54f48ae456172eca45e08f0
+logo512.png,1717047626973,212b102aa09e51b3b3e06647e81f7801a61333e171f6582e8124379aabccb41d
+manifest.json,1717047611277,ee04fb47e525c67d8424ffe9b4d8a8a24e434504478afca4e0ca602146836d4c
+robots.txt,1717047628575,bfe106a3fb878dc83461c86818bf74fc1bdc7f28538ba613cd3e775516ce8b49
+static/css/main.984d8a4f.css,1717265807950,5d1e495ab04365b326eff17d70893ee227aec3a3d07fdc805b24af52e52fc66e
+static/css/main.984d8a4f.css.map,1717265808140,d9671236c4abd82667fd1301cf5412a9c67e978abe5ab0a74dbd5f26142ccc8c
+static/js/main.0ce87c39.js,1717265807950,efad7a81ae18e8bf2c56e6a76a586f36a859473a980d5f810fe61c35fb23d5f0
+static/js/main.0ce87c39.js.LICENSE.txt,1717265807950,3d1b71847186d1e5f45143d9e5a1a60b1a8805093907d3d370441973653b1945
+static/js/main.0ce87c39.js.map,1717265808140,a73b8d1ada0ccb8d8039c8febe1fc023abf23419b886af583018bccb9d995624
+static/js/reactPlayerDailyMotion.59d599ea.chunk.js,1717265807953,1dfd01f37ee3160dd45f96969fb333c5eefda2237f7fef008a80406c4202c958
+static/js/reactPlayerDailyMotion.59d599ea.chunk.js.map,1717265808140,a710fb29aa00984e0deb0c5abba0ca07a719b5d16d35eb6e7c37601d709d6cbd
+static/js/reactPlayerFacebook.fa5f8e36.chunk.js,1717265807953,b4f27e788134d6bb2402fa2adab70676cbb7554d636f211e4a008e0d1b3a27f2
+static/js/reactPlayerFacebook.fa5f8e36.chunk.js.map,1717265808140,c1676a365f7be0d8ef4e3a882706d56dc874edfaef0fe43b717ca9abae5340dd
+static/js/reactPlayerFilePlayer.6e664347.chunk.js,1717265808135,408aa0f2bd6201f848e31f57217ca1933585b0c39e93930e1bccf94e2a4abd17
+static/js/reactPlayerFilePlayer.6e664347.chunk.js.map,1717265808182,6bfdc90fba44f29343f0887127e11dec0c957d719827ea262c7ceea691f220fb
+static/js/reactPlayerKaltura.d9d58233.chunk.js,1717265808135,219ca3f8b6f23f1b00cea7acc9b2075ed69da2b1538f6a195c38e63fe864f659
+static/js/reactPlayerKaltura.d9d58233.chunk.js.map,1717265808156,c82653bd66478af0ab3a6ca743aab9a8016ebf4a83edce2a3bbd5afb66eccc69
+static/js/reactPlayerMixcloud.36fbcb05.chunk.js,1717265807953,5950f4bc935d0c920458865e4343f5cf2ad673008b97d1e60d343ba2f6713fe8
+static/js/reactPlayerMixcloud.36fbcb05.chunk.js.map,1717265808140,d86a7a6a79cfd00d240053c398aff5944a73e1f513edeae22a8ac6bb2680e19d
+static/js/reactPlayerMux.301821a7.chunk.js,1717265807953,294a0a93a23aad95fd35159b77f24a3c766c2b4b3ee6cbf6d86ea03b25610505
+static/js/reactPlayerMux.301821a7.chunk.js.map,1717265808140,eb074d68b3036e548cde5b6c297b15ab487d050d24efbecf42bf08f3f4ac6b9e
+static/js/reactPlayerPreview.532a5b63.chunk.js,1717265808140,73c5dd45a7a0ace4ef0441a52582182f5d8946c0d6d24321d86e29d1fe24ec13
+static/js/reactPlayerPreview.532a5b63.chunk.js.map,1717265808182,b0b1ddf005c13f57f584026d417e71f10b96e84fbbd682789e15038966f0b3a2
+static/js/reactPlayerSoundCloud.f1361923.chunk.js,1717265807950,09f2cf43fb9fd5369cddb902d1d4996c08f15fd0c7751870aaf6d29a7f204251
+static/js/reactPlayerSoundCloud.f1361923.chunk.js.map,1717265808140,a0dc9ccee9ac1c54afc6854088e0708b089cd58e21adfc3556e0f27d9bd3b384
+static/js/reactPlayerStreamable.32c08436.chunk.js,1717265807953,fe7e13242e74a7061e421a5795ecb59bc31608c1e329fe2372f984b6f63f4132
+static/js/reactPlayerStreamable.32c08436.chunk.js.map,1717265808140,28d0a4b581b8b1c9c441bbee88af88a5d202c3e34df4a69288e0be102f21f930
+static/js/reactPlayerTwitch.faf8d66d.chunk.js,1717265807953,9d163f171d29fc1eed3897353790c4ef5e10bca515f42945f063473a4739a0d4
+static/js/reactPlayerTwitch.faf8d66d.chunk.js.map,1717265808140,bb07d736f222f44cd9e87d8a5aa527b2e025e460e80c4d5779d5fbbdbd099ceb
+static/js/reactPlayerVidyard.21a371c8.chunk.js,1717265807953,fe6775c56e94af9d8a167c33427f5c86329f066d0c81ac0aab5b7a6af09c0680
+static/js/reactPlayerVidyard.21a371c8.chunk.js.map,1717265808156,3bfb367b52dcea2c8cdf6bb5f6ab83b7aac3fb54f46bd63477201735f6700637
+static/js/reactPlayerVimeo.701dda3a.chunk.js,1717265807953,83407530b05d30636169c6f04ebb7a5987737d747983e6049aacf26d0a77eac4
+static/js/reactPlayerVimeo.701dda3a.chunk.js.map,1717265808140,18a74be2e0f2e3680538569c84e9e53b26cc1fe407066632c519e1880a1ce875
+static/js/reactPlayerWistia.1a774800.chunk.js,1717265807953,e6a9238525dd9bedddf78d443a58b025df4b29ce922e8587ba640769d2ec8824
+static/js/reactPlayerWistia.1a774800.chunk.js.map,1717265808140,ebf2d9e347fa4ff5eca2ebf50ba5527247813f54ae3959d5368ee5d34195ece8
+static/js/reactPlayerYouTube.75f78337.chunk.js,1717265807950,35983585094373682456931db52e47896129a3282a2df173ba9e7bf5123d0e4b
+static/js/reactPlayerYouTube.75f78337.chunk.js.map,1717265808140,e06612ae6666091b84cf8fb2c72087f4ae03377785fbcadbb5592ec9142a53e1
+static/media/NoImg.1d4fdf52fb53cb27b13d.jpg,1717265807950,595b4f8c796834385957af38013217247e2caee9a4965c35b0c7e0d794948cac

.firebaserc

@@ -0,0 +1,5 @@
+{
+ "projects": {
+ "default": "movie-library-d9c36"
+ }
+}

.github/workflows/main.yml

@@ -0,0 +1,41 @@
+name: Firebase Deployment
+on:
+ push:
+ branches:
+ - main
+jobs:
+ build:
+ name: Build
+ runs-on: ubuntu-latest
+ steps:
+ - name: Checkout Repo
+ uses: actions/[email protected]
+ - name: Install Dependencies
+ run: npm install
+ - name: Build
+ env:
+ CI: false
+ run: npm run build
+ - name: Archive Production Artifact
+ uses: actions/upload-artifact@v2
+ with:
+ name: build
+ path: build
+ deploy:
+ name: Deploy
+ needs: build
+ runs-on: ubuntu-latest
+ steps:
+ - name: Checkout Repo
+ uses: actions/[email protected]
+ - name: Download Artifact
+ uses: actions/download-artifact@v2
+ with:
+ name: build
+ path: build
+ - name: Deploy to Firebase
+ uses: w9jds/firebase-action@master
+ with:
+ args: deploy --only hosting
+ env:
+ FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}

firebase.json

@@ -0,0 +1,16 @@
+{
+ "hosting": {
+ "public": "build",
+ "ignore": [
+ "firebase.json",
+ "**/.*",
+ "**/node_modules/**"
+ ],
+ "rewrites": [
+ {
+ "source": "**",
+ "destination": "./src/index.js"
+ }
+ ]
+ }
+}

src/Styles/MovieDetail.css

@@ -0,0 +1,32 @@
+.movie-detail-container {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ padding: 20px;
+ }
+
+ .movie-poster {
+ width: 300px;
+ height: auto;
+ margin-bottom: 20px;
+ }
+
+ .movie-title {
+ font-size: 24px;
+ margin-bottom: 10px;
+ }
+
+ .movie-overview {
+ font-size: 16px;
+ margin-bottom: 10px;
+ }
+
+ .movie-release-date,
+ .movie-rating {
+ font-size: 14px;
+ margin-bottom: 5px;
+ }
+
+ /* Add more styles as needed */
+

src/Styles/NavBarStyle.css

@@ -68,7 +68,7 @@ nav h1 {
 .nav-options a:hover {
  color: #fff;
  border-bottom: 2px solid #ee9b00;
- padding-bottom: 5px;
+ /* padding-bottom: 5px; */
 }
 
 .nav-options a.active {

src/Styles/TrailerMovie.css

@@ -1,8 +1,9 @@
 .player{
- position: absolute;
+ position: fixed;
  margin-top: 120px;
  z-index:999;
 }
+
 .Container{
  display: none;
  position:absolute;
@@ -25,5 +26,4 @@
  top: -100px;
  font-size: 2.5rem;
  color: #ff206e;
-}
-
+}

src/Styles/Videos.css

@@ -78,9 +78,24 @@ body{
 }
 .DarkTheme{
  color:#fff;
- left: 732px;
+ left: 672px;
+
 }
 .LightThemeClose{
  color: #ff206e;
-}
-
+ left: 672px;
+
+}
+
+
+@media only screen and (max-width: 768px) {
+ #Exit1 {
+ margin-left: 20px; /* Adjust as needed */
+ margin-top: 20px; /* Adjust as needed */
+ }
+
+ .DarkTheme,
+ .LightThemeClose {
+ left: 20px; /* Adjust as needed */
+ }
+}

src/Styles/Watchlist.css

@@ -0,0 +1,89 @@
+
+.watchlist-container {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ padding: 20px;
+ min-height: 100vh;
+ }
+ .watchlist-items {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ width: 100%; /* Ensure it takes full width */
+ /* background-color: #222121; Maintain the same background color */
+ padding: 20px; /* Add padding as needed */
+ box-sizing: border-box; /* Include padding in the width */
+ overflow-y: auto;
+ }
+ .watchlist-item {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin: 15px;
+ /* background-color: #494949; */
+ border-radius: 10px;
+ padding: 10px;
+ transition: transform 0.3s;
+ }
+
+
+ .watchlist-item img {
+ width: 300px;
+ height: 450px;
+ margin: 25px 0px 4px 15px;
+ border-radius: 18px;
+ }
+
+ /* .watchlist-item h3 {
+ text-align: center;
+ font-size: 18px;
+ color: #fff;
+ margin-top: 10px;
+ } */
+
+ .watchlist-item:hover {
+ transform: scale(1.05);
+ }
+
+ .mainBgColor {
+ background-color: #222121;
+ width: 100%;
+ }
+
+ .secondaryBgColor {
+ background-color: #fff;
+ }
+
+ .mainColor {
+ color: #fff;
+ }
+
+ .secondaryColor {
+ color: #000;
+ }
+ .no-movies-message {
+ color: #fff; /* White text color */
+ font-size: 1.5em; /* Font size */
+ text-align: center; /* Center text */
+ margin-top: 50px; /* Margin at the top */
+ }
+ .mainColor{
+ color: #fff;
+ display: flex;
+ justify-content: center;
+ font-size: 1rem;
+}
+.secondaryColor{
+ color: #ff206e;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ font-size: 1rem;
+}
+#smaller-Text{
+ width: 100%;
+ font-size: 14px;
+ display: flex;
+ justify-content: center;
+}

src/Trailers/TrailerMovies.jsx

@@ -25,8 +25,8 @@ export const TrailerMovies = ({ moviesTitle,toggle }) => {
  </div>
  <div className="player">
  <h1 id={toggle ? 'TrailerMovie-name-dark' : 'TrailerMovie-name-light'}>{moviesTitle}</h1>
- <ReactPlayer url={videoURL} controls={true} width={'1000px'} height={'700px'} muted={false} />
+ <ReactPlayer url={videoURL} controls={true} width={'850px'} height={'500px'} muted={false} />
  </div>
  </Fragment>
  )
-}
+}

src/Trailers/TrailerTrending.jsx

@@ -26,7 +26,7 @@ export const TrailerTrending = ({ TrendTitle , toggle}) => {
  <div className="player">
  <h1 id={toggle ? 'TrailerMovie-name-dark' : 'TrailerMovie-name-light'}>{TrendTitle}</h1>
 
- <ReactPlayer url={videoURL} controls={true} width={'1000px'} height={'700px'} muted={false} />
+ <ReactPlayer url={videoURL} controls={true} width={'850px'} height={'500px'} muted={false} />
  </div>
  </Fragment>
  )

src/Trailers/TrailerTvShows.jsx

@@ -26,7 +26,7 @@ function TrailerTvShows({ TvShowsTitle,toggle }) {
  <div className="player">
  <h1 id={toggle ? 'TrailerMovie-name-dark' : 'TrailerMovie-name-light'}>{TvShowsTitle}</h1>
 
- <ReactPlayer url={videoURL} controls={true} width={'1000px'} height={'700px'} muted={false} />
+ <ReactPlayer url={videoURL} controls={true} width={'850px'} height={'500px'} muted={false} />
  </div>
  </Fragment>
  )

src/components/MovieDetail.jsx

@@ -0,0 +1,59 @@
+import React, { useEffect, useState } from "react";
+import axios from "axios";
+import NoImg from "./NoImg.jpg";
+import "../Styles/MovieDetail.css";
+
+function MovieDetail({ movieId }) {
+ const [movieData, setMovieData] = useState(null);
+ const Images = "https://image.tmdb.org/t/p/w500/";
+
+ useEffect(() => {
+ const fetchMovieData = async () => {
+ try {
+ const response = await axios.get(
+ `https://api.themoviedb.org/3/movie/${movieId}`,
+ {
+ params: {
+ api_key: "b73c0c24a34970a26f93fc262383e7d4",
+ },
+ }
+ );
+ setMovieData(response.data);
+ } catch (error) {
+ console.error("Error fetching movie data:", error);
+ }
+ };
+
+ fetchMovieData();
+ }, [movieId]);
+
+ return (
+ <div className="movie-detail-container">
+ {movieData ? (
+ <>
+ <img
+ src={
+ movieData.poster_path
+ ? `${Images}${movieData.poster_path}`
+ : NoImg
+ }
+ alt=""
+ className="movie-poster"
+ />
+ <div className="movie-details">
+ <h2 className="movie-title">{movieData.title}</h2>
+ <p className="movie-overview">{movieData.overview}</p>
+ <p className="movie-release-date">
+ Release Date: {movieData.release_date}
+ </p>
+ <p className="movie-rating">Rating: {movieData.vote_average}</p>
+ </div>
+ </>
+ ) : (
+ <p>Loading...</p>
+ )}
+ </div>
+ );
+}
+
+export default MovieDetail;