Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mk4levi/netflix-clone-mk

Clone of Netflix-Platform built with React and Movie-API. Homepage showcases a visually appealing and intuitive interface, featuring a layout that is familiar to Netflix users.
https://github.com/mk4levi/netflix-clone-mk

css3 html5 javascript react-effects react-hooks react-state reactjs

Last synced: 3 months ago
JSON representation

Clone of Netflix-Platform built with React and Movie-API. Homepage showcases a visually appealing and intuitive interface, featuring a layout that is familiar to Netflix users.

Awesome Lists containing this project

README

        

# Clone of Netflix Platform

## => This is a Clone of Netflix-Platform built with React and Movie-API. It's homepage showcases a visually appealing and intuitive interface, featuring a layout that is familiar to Netflix users.

## Website Link => https://mk-netflix-clone.netlify.app/

## Project's Screenshots =>

![image](./src/assets/ss.png)
![image](./src/assets/netflix-logo.png)

Getting Started

1. To get started with this react project, you will need to have `Node.js` and `NPM` installed on your system.

2. First, you need to open a `Terminal` in your system and `Clone` this repository by using :

```bash
git clone https://github.com/Mk4Levi/Netflix-Clone-mk.git
```

3. Navigate to the Project's directory :

```bash
cd Netflix-Clone-mk
```

4. Install all Dependencies used in this Project :

```bash
npm install
```

5. Finally, host it on local server :

```bash
npm run start
```

6. Now just search this link in your browser to view the live running application in your Local sysytem :

```bash
http://localhost:3000
```

Paths & Files

### Structure of the Folders & Files in this Repo :

```text
.
├── public/
├── src
│ ├── assets/
│ ├── components/
| └──Navbar.jsx
│ └──PreLoader.jsx
│ └──index.js

│ ├── config/
| └──firebaseConfig.js
│ └──index.js

│ ├── scss/
| └──App.scss
│ └──Home.scss
│ └──PreLoader.css

│ ├── components/
| └──Home.jsx
| └──index.js
|
│ ├── App.jsx
│ ├── index.jsx
│ ├── vercel.json

├── .eslintrc.json
├── .gitattributes
├── .gitignore
├── index.html
├── package-lock.json
├── package.json
├── README.md

```

# Thank You