karlhadwen / netflix Goto Github PK
View Code? Open in Web Editor NEWSubscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Netflix Using React
License: MIT License
Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Netflix Using React
License: MIT License
Hi Karl,
This is not really an issue but was wondering if you can update the sign-up page with email verification and password reset. I am trying to implement it using .sendEmailVerification(), and while it does send an email to verify, I couldn't get the next step of checking the verification before proceeding. I'll keep prodding but I'm new to this so was thinking you could make that update. Thanks!
Abenezer
When i try to test the components with link inside of them, i got an error that says: "[Error: ForwardRef(Link)(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.]"
There is no /images directory in src so images of movies and series are not displayed, please send me a link or update your repo
Thank you !
Hi Sir,
The search (which uses fuse.js) is not working and I'm getting this error:
webpackHotDevClient.js:138 ./src/hooks/use-auth-listener.js
Line 21:6: React Hook useEffect has a missing dependency: 'firebase'. Either include it or remove the dependency array react-hooks/exhaustive-deps
printWarnings @ webpackHotDevClient.js:138
handleWarnings @ webpackHotDevClient.js:143
push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:210
webpackHotDevClient.js:138 ./src/hooks/use-content.js
Line 24:6: React Hook useEffect has missing dependencies: 'firebase' and 'target'. Either include them or remove the dependency array react-hooks/exhaustive-deps
printWarnings @ webpackHotDevClient.js:138
handleWarnings @ webpackHotDevClient.js:143
push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:210
webpackHotDevClient.js:138 ./src/components/player/index.js
Line 36:11: 'showPlayer' is assigned a value but never used no-unused-vars
printWarnings @ webpackHotDevClient.js:138
handleWarnings @ webpackHotDevClient.js:143
push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:210
webpackHotDevClient.js:138 ./src/containers/browse.js
Line 39:6: React Hook useEffect has missing dependencies: 'category', 'slideRows', and 'slides'. Either include them or remove the dependency array. If 'setSlideRows' needs the current value of 'slides', you can also switch to useReducer instead of useState and read 'slides' in the reducer react-hooks/exhaustive-deps
Let me know if there's a quick fix for that! And great work on the website!
I have cloned the repo and have done
It flashes only white screen, am I missing something?
Hi sir, it is great app but i can't install it in my local machine
when i run npm install
it show me npm WARN deprecated is there is help with this problem please ?
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/accordion/index.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/profiles/index.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/feature/index.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/jumbotron/index.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/footer/index.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/opt-form/index.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/player/index.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/loading/index.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/card/index.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/form/index.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/header/index.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/profiles/styles/profiles.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/feature/styles/feature.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/jumbotron/styles/jumbotron.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/accordion/styles/accordion.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/opt-form/styles/opt-form.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/player/styles/player.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/loading/styles/loading.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/footer/styles/footer.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/card/styles/card.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/form/styles/form.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
./src/components/header/styles/header.js
Failed to load parser 'babel-eslint' declared in 'BaseConfig » /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js': Cannot find module 'babel-eslint'
Require stack:
- /Users/student/Downloads/netflix-master/node_modules/eslint-config-react-app/index.js
Search for the keyw```
this is the output of my console. All i get is a flash of the netflix then a white screen. Please help!
I used the netflix clone that karlhadwen created but I don't know how to put a different video for each film because it's always the bunny.mp4 that is play, thank.
When working in my localhost dev environment, my redirects are all functional (for example, if a user is not logged in and tries to reach /browse, they are redirected to /signin). However, when deployed to Firebase, if I try the same example I receive a Page Not Found error:
I attempted updating my firebase.json file and adding the following:
"rewrites": [ { "source": "**", "destination": "/index.html" } ],
But I am still getting errors when deployed.
Thanks for checking this out!
import React from 'react';
import { BrowserRouter as Router,Route } from 'react-router-dom';
import {Home, Browse,Signin,Signup} from './pages';
import * as ROUTES from './constants/routes';
export default function App() {
return (
<Route exact path ={ROUTES.HOME}>
);
}
It shows following error:
Failed to compile.
./src/app.js
Attempted import error: 'Signin' is not exported from './pages'.
At Line No 22, needs the change
Currently === :after {
Should be === &:after {
Thanks for greate tutorial,
I follow your video till the 1h8m and have got the error. can you help me out?
Kwai118030210 1000$ bônus
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.