Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/hafizn07/disney-plus-clone

Disney-plus Clone developed using ReactJS (Learned Redux, React JS, Styled Components, and Firebase)
https://github.com/hafizn07/disney-plus-clone

disneyplus-clone firebase html-css-javascript react-redux react-router react-router-dom reactjs

Last synced: about 9 hours ago
JSON representation

Disney-plus Clone developed using ReactJS (Learned Redux, React JS, Styled Components, and Firebase)

Awesome Lists containing this project

README

        




Disney+ Clone


Disney+ clone


A beautiful Clone of Disney+ website build with React js and integrated with Firebase.


About project
How To Use
Live link

![screenshot](/public/Assets/images/preview.png)

## About project

* Responsive Design
- Desktop, mobile and tablet.

* Fully Dynamic - Make changes, See changes
- Instantly see what movies you click.

* Used the following major frameworks/libraries to complete the project
- [![React][React.js]][React-url]
- [![Firebase][Firebase]][Firebase-url]
- [![Styled components][Styled components]][Styled components-url]
- [![NPM][npm]][npm-url]

## How To Use

To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:

```bash
# Clone this repository
$ git clone https://github.com/hafizmp/disney-plus-clone.git

# Go into the repository
$ cd disney-plus-clone

# Install dependencies
$ npm install

# Run the app
$ npm start
```

> **Note**
> If you're using Linux Bash for Windows, [see this guide](https://www.howtogeek.com/261575/how-to-run-graphical-linux-desktop-applications-from-windows-10s-bash-shell/) or use `node` from the command prompt.

## Live Link

[Disney plus Clone](https://github.com/amitmerchant1990/markdownify-web) - Live link of the project

[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/

[Firebase]: https://img.shields.io/badge/FIREBASE-FFF89C?style=for-the-badge&logo=firebase&logoColor=FF9F29
[Firebase-url]: https://firebase.google.com/

[Styled components]: https://img.shields.io/badge/STYLED%20COMPONENTS-3F4E4F?style=for-the-badge&logo=styledcomponents&logoColor=FF9F29
[Styled components-url]: https://styled-components.com/

[Youtube]: https://img.shields.io/badge/clever%20programmer-EB1D36?style=for-the-badge&logo=Youtube&logoColor=FFFFFF
[Youtube-url]: https://www.youtube.com/c/CleverProgrammer

[npm]: https://img.shields.io/badge/NPM-FFFFFF?style=for-the-badge&logo=npm&logoColor=FFFFFF
[npm-url]: https://www.npmjs.com/package/react-router