Netflix - Online Streaming (Clone) App

Note: to Replicate, Refine, & Improve the current UI development

Get Started

1. clone repo

HTTPS  : git clone https://github.com/Arcane-404/netflix-clone.git

SSH    : git clone git@github.com:Arcane-404/netflix-clone.git

GH-CLI : gh repo clone Arcane-404/netflix-clone

2. cd ./netflix-clone
3. npm install --legacy-peer-deps
4. create .env
   • copy & paste keys
   • apply your values
     • Get TMDB API key
     • Get Firebase API key (step 1-7)

SKIP_PREFLIGHT_CHECK = true

REACT_APP_FIREBASE_API_KEY = _
REACT_APP_FIREBASE_AUTH_DOMAIN = _
REACT_APP_FIREBASE_PROJECT_ID = _
REACT_APP_FIREBASE_STORAGE_BUCKET = _
REACT_APP_FIREBASE_MESSAGING_SENDER_ID = _
REACT_APP_FIREBASE_APP_ID = _

REACT_APP_TMDB_API_KEY = _
REACT_APP_TMDB_AUTH_TOKEN = _

5. npm start

Project Goals

Key Features

Technologies Used

HOSTED
API

• hooks: useState / useEffect / useContext / useCallback / useMemo / Suspense + lazy
• other: normalize.css / uuid / localforage / react-icons / react-query / axios / fuse.js / swiper

Collaboration Tools

Code Productivity

• CodeStream
• EditorConfig
• ESLint

Shared Documents

• Trello
• Google-Docs
• Figma-Design
• Figma-Jam

Contributors

Name	Username	Links
Michael F. Alvarez	awwmicky
Herman Liu	hermsicle
Martin Nguyen	---
Adnan Niaz	sanixstudio