th3wall / fakeflix Goto Github PK

Hi, I would like to know if there is a course or video on how you created it since I am new in react and there are many things that I cannot understand. I hope you can help me, I thank you very much. Greetings.

firebase does not have database as based your .env file i.e database of firebase ,but in your src/firebase/firebaseutil.js you have declare firestore .Please check out as firebase auth showing error everytime when sign in and sign up.
Do we have to create database in firebase .Please mention

sorry but i m a noob in such projects ,,,i am interested in ur project and want to run fakeflix on my pc.plz tell me how can i create .env file and adding api key into it and rest of the process in steep by step guide.i shall be very thankful to u..waiting for ur reply.

I'm wondering why not implement video playback? I can imagine it being cool for home theater use ^.^

Hey there nice app 🙂tried it out with my own email could you please delete?
Sorry for the inconvenience

On https://fakeflixapp.vercel.app/search?q=divi
when you focus out of search bar query is gone

I tried to log in with your fake email still I am unable to log in, Even I tried to create a new user by registering still It's not working check out the below ss

I want to remove this API from TMDB and integrate the data that is collected from this API into the Firebase database, is there a way to do that?

Currently Fakeflix only supports Movies with one video, even if the item is a series of videos like Stranger Things.

It would nice to support them too. At best with the solution Netflix did.

i would rather create a new component e.g Private Route and use it

I have followed instructions to set up .env file. However, I get CONFIGURATION_NOT_FOUND. Any idea how to resolve this?

seems like it doesn't like my REACT_APP_FIREBASE_API_KEY

Cool project btw. I'm really looking forward to exploring it more 😃

From the React docs

WARNING: Do not store any secrets (such as private API keys) in your React app!

Environment variables are embedded into the build, meaning anyone can view them by inspecting your app's files.

(Source: https://create-react-app.dev/docs/adding-custom-environment-variables/)

Also, your API keys are currently visible in the Network tab of the browser DevTools.

Great work, by the way.

Really nice work! The best Netflix clone I have seen.

How do I add video content and play it?

I am getting this error and not able to login or signup

I've been looking at this clone and I think it's very good but I don't know why it's slow, I don't know if it's the transitions or the compression of the images that are very large, could you help me improve the response of the UI

Delete it, add it to git ignore and also go and revoke all those keys.

https://fakeflixapp.vercel.app/search?q=divi
Here,

maybe it should act like in homepage, where other images slides to both sides?

whenever i try to log in anonymously or with mail i get this message "Failed to get document because the client is offline" from firebase

The deployment is marked as malicious by Google Chrome and clicking proceed opens a page saying "Not found".

You can cut down quite a bit of your state management boilerplate by using the now recommended redux toolkit

Forgive me for being silly, where does Firebase export configuration

Failed to compile on Windows 10

c:\bin>git clone https://github.com/Th3Wall/Fakeflix
Cloning into 'Fakeflix'...
remote: Enumerating objects: 2740, done.
remote: Counting objects: 100% (125/125), done.
remote: Compressing objects: 100% (47/47), done.
remote: Total 2740 (delta 100), reused 86 (delta 78), pack-reused 2615
Receiving objects: 100% (2740/2740), 1.22 MiB | 2.54 MiB/s, done.
Resolving deltas: 100% (1749/1749), done.

c:\bin>cd fakeflix

c:\bin\Fakeflix>npm install

[email protected] install c:\bin\Fakeflix\node_modules\re2
install-from-cache --artifact build/Release/re2.node --host-var RE2_DOWNLOAD_MIRROR || npm run rebuild

Trying https://github.com/uhop/node-re2/releases/download/1.15.9/win32-x64-72.br ...
Writing to build/Release/re2.node ...
Done.

[email protected] install c:\bin\Fakeflix\node_modules\husky
node husky install

husky > Setting up git hooks
husky > Done

[email protected] install c:\bin\Fakeflix\node_modules\node-sass
node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v5.0.0/win32-x64-72_binding.node
Download complete ] - :
Binary saved to c:\bin\Fakeflix\node_modules\node-sass\vendor\win32-x64-72\binding.node
Caching binary to C:\Users\skanga\AppData\Roaming\npm-cache\node-sass\5.0.0\win32-x64-72_binding.node

[email protected] postinstall c:\bin\Fakeflix\node_modules@firebase\polyfill\node_modules\core-js
node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:

https://opencollective.com/core-js
https://www.patreon.com/zloirock

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

[email protected] postinstall c:\bin\Fakeflix\node_modules\babel-runtime\node_modules\core-js
node -e "try{require('./postinstall')}catch(e){}"

[email protected] postinstall c:\bin\Fakeflix\node_modules\core-js
node -e "try{require('./postinstall')}catch(e){}"

[email protected] postinstall c:\bin\Fakeflix\node_modules\core-js-pure
node -e "try{require('./postinstall')}catch(e){}"

[email protected] postinstall c:\bin\Fakeflix\node_modules\ejs
node ./postinstall.js

Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/)

[email protected] postinstall c:\bin\Fakeflix\node_modules\protobufjs
node scripts/postinstall

[email protected] postinstall c:\bin\Fakeflix\node_modules\husky
opencollective-postinstall || exit 0

Thank you for using husky!
If you rely on this package, please consider supporting our open collective:

https://opencollective.com/husky/donate

[email protected] postinstall c:\bin\Fakeflix\node_modules\node-sass
node scripts/build.js

Binary found at c:\bin\Fakeflix\node_modules\node-sass\vendor\win32-x64-72\binding.node
Testing binary
Binary is fine

[email protected] postinstall c:\bin\Fakeflix\node_modules\swiper
node postinstall.js

Love Swiper? Support Vladimir's work by donating or pledging on patreon:

On Patreon https://patreon.com/vladimirkharlampidi
On Open Collective https://opencollective.com/swiper
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\webpack-dev-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\watchpack-chokidar2\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 2460 packages from 978 contributors and audited 2469 packages in 152.055s

151 packages are looking for funding
run npm fund for details

found 230 vulnerabilities (1 low, 219 moderate, 9 high, 1 critical)
run npm audit fix to fix them, or npm audit for details

c:\bin\Fakeflix>npm start

[email protected] start c:\bin\Fakeflix
react-scripts start

i ｢wds｣: Project is running at http://172.17.32.1/
i ｢wds｣: webpack output is served from
i ｢wds｣: Content not from webpack is served from c:\bin\Fakeflix\public
i ｢wds｣: 404s will fallback to /
Starting the development server...
Failed to compile.

./node_modules/framer-motion/dist/es/render/index.js
Attempted import error: '__spreadArray' is not exported from 'tslib'.

Use backblaze B2 for video downloading. I used it on a social media website and the photo and videos appear instantly. It beat out Amazon S3 by 95ms. In terms of response, Backblaze was at about 5ms.

$0.005 Storage

Of course if this uses S3, it has compatible APIs so it's very easy for anyone to switch out.