ayishikd / disney-plus-clone

Check it here!!

Disney Plus Clone

A clone of the popular streaming platform Disney Plus, built using React and Tailwind CSS.

Features

• Browse and stream a wide range of Disney movies and TV shows
• Responsive design for optimal viewing experience on various devices
• Search functionality to discover specific movies and shows
• Playlists and favorites feature to save and organize favorite content

Technologies Used

• React: JavaScript library for building user interfaces
• Tailwind CSS: Utility-first CSS framework for rapid UI development

Demo

You can check out the live demo of the Disney Plus Clone https://main--disneys-clone.netlify.app/.

Getting Started

To run the Disney Plus Clone locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/disney-plus-clone.git

2. Navigate to the project directory:

   cd disney-plus-clone

3. Install the dependencies:

   npm install

4. Start the development server:

   npm start

5. Open your browser and visit http://localhost:3000 to see the Disney Plus Clone in action.

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.

disney-plus-clone's Issues

Add Hover effects in the footer section links

Describe your issue

I would like to change the CSS of the links in the footer section of the clone , add hover effects on the links

Steps to reproduce

1. Add hover effect on the CSS
2. Change the font weight'
3. Add Text Decoration on the links

What was the expected result?

No response

Put here any screenshots or videos (optional)

No response

Would you like to work on this issue?

None

To add links to about page button to make it functional , add link to socials on their buttons in the footer

Describe the feature

About page in the footer will open disney+ about page , and twitter and facebook links to disney+ social media handles

It should be implemented because

No response

Additional context

No response

Would you like to work on this issue?

Yes

Footer is not present in this website

Kindly review the issue and please assign me this task under apertre24. I want to contribute in this issue. Thank you.

Carousel problem

Carousel in the mobile view is not looking good, want to work on this issue

adding a better carousel effect

New Enhancement : Add some cool badges in README.md

Describe the feature

Hello Sir,
I want to add some cool badges in this repo like

• open issues
• contributor
• open PR
• last commites
  this type of cool API badges

It should be implemented because

It will be very helpful to showcase the stats of your Repo as well as will attract more contributors.

Demo

Additional context

Sir please assign me this issue under APERTRE'24

Would you like to work on this issue?

yes

The favicon of the website is not correct

Describe your issue

Disney logo on the favicon required but there has react logo

Steps to reproduce

1.change the favicon

What was the expected result?

The favicon change into Disney plus logo

Put here any screenshots or videos (optional)

No response

Would you like to work on this issue?

Yes

Add light and dark mode button

Describe the feature

Add light dark mode button as a feature so the UI of webpage will be seen in both light and dark mode .

It should be implemented because

It will make the website more beautiful.

Additional context

No response

Would you like to work on this issue?

Yes

Adding login logo and adding image moving animations in login portion

Describe the feature

Want to add the image sliding animation in the login page just like in the actual Disney+ Hotstar

It should be implemented because

It will look more professional

Additional context

No response

Would you like to work on this issue?

yes

Adding: Hover Effect

Describe the feature

Adding hover effect on play and trailer button in details page

It should be implemented because

it will make the details page interesting.

Additional context

No response

Would you like to work on this issue?

Yes

Improve Responsiveness on Disney Plus Clone Website

Describe your issue

The Disney Plus clone website issues with responsiveness, particularly on various devices and screen sizes.

Steps to reproduce

1. Access the Disney Plus clone website on a mobile device, tablet, and desktop.
2. Observe the layout and behavior on each device.

What was the expected result?

The website should be responsive, providing a seamless user experience across different devices, including desktops, tablets, and mobile phones.

Put here any screenshots or videos (optional)

Would you like to work on this issue?

Yes

Adding video sliders in the beginning of the webpage

Describe the feature

In place of static images, I can replace it with smooth short videos

It should be implemented because

It will look clear and clean and efficient.

Additional context

No response

Would you like to work on this issue?

Yes

Sign in page not found

I want to add sign-in and sign-up page in this website so kindly review the issue and assign me this under apertre24. Thank you

Scroll Alignment Issue with Navbar Overlapping Content

Describe your issue

Problem:

When scrolling down on the website, the content items start to overlap with the top of the navigation bar, causing a visual discrepancy.

Expected Behavior:

The navigation bar should remain fixed at the top, and content items should scroll smoothly beneath it without any overlapping.

Steps to reproduce

1. Open the website.
2. Scroll down the page.

What was the expected result?

The navigation bar should remain fixed at the top, and content items should scroll smoothly beneath it without any overlapping.

Put here any screenshots or videos (optional)

Would you like to work on this issue?

Yes

Adding links in the head section

Describe the feature

redirecting the links to the original website

It should be implemented because

No response

Additional context

No response

Would you like to work on this issue?

None

hover animation on links in footer

Describe the feature

hover animation on links in footer - normally the texts will be grey, when hovered then they will become white and i may add a hover zoom effect also if that looks cool

It should be implemented because

more premium look

Additional context

No response

Would you like to work on this issue?

None

Create a basic login and Signup page

The login and signup page will be available depending upon if the user is logged in or not, with a user constant

Adding a custom scroll bar

Describe the feature

Instead of the default scroll bar , lets add a custom scroll bar

It should be implemented because

The default scroll bar will be changed

Additional context

No response

Would you like to work on this issue?

Yes

Add youtube trailers to the shows when clicked on trailer of every shows.

Describe the feature

Embed youtube links to the trailers of each shows

It should be implemented because

To be able to view the trailers at youtube.

Additional context

No response

Would you like to work on this issue?

None

Adding a log-in page and animation on scroll

Describe the feature

Adding login page and connecting it to google sheets
Adding Animation on scroll

It should be implemented because

No response

Additional context

No response

Would you like to work on this issue?

None

Creating the CONTRIBUTION.md file

The navitems were no visible

Describe your issue

in the navbar section the nav items (search,home etc) are not visible and when open a particular component the hotstar icon is not visible

Steps to reproduce

1.go to navbar.js
2.some changes in the tailwind css

What was the expected result?

the nav items is now visible with the hotstar logo

Put here any screenshots or videos (optional)

here the navitems were not visible and also the logo

Would you like to work on this issue?

yes