{A}

Disney+ Clone

A replica of the Disney+ interface developed with React and Vite, offering an experience similar to the original streaming platform

Disney+ Clone
axelj123
axelj123

Publicado el 27 de diciembre de 2024

gif (1)

Demo

Here

Tech Stack

  • React 18 - Frontend library
  • Vite - Build tool and development server
  • Tailwind CSS - Styling framework
  • React Router - Navigation management
  • Axios - API requests handling
  • TheMovieDB API - External movie database

Features

  • Dynamic movie and series catalog
  • Content search and filtering system
  • Detailed movie information display
  • Interactive content carousels
  • Responsive design implementation
  • Dark mode functionality
  • Disney+ inspired interface
  • Watchlist management system

Requirements

  • Node.js (version 14 or higher)
  • npm or yarn

Setup

Clone the repository:

bash
git clone https://github.com/axelj123/Disney-react.git
cd Disney-react

Install dependencies:

bash
npm install
# or
yarn install

Start development server:

bash
npm run dev
# or
yarn dev

Project Structure

Disney-react/
├── public/           # Static Files
├── src/             # Code source
│   ├── assets/      # Images and resources
│   ├── components/  # React components
│   ├── constant/    # Constants and settings
│   ├── pages/       # Pages/Routes
│   └── services/    # Services and logic
├── .gitignore
├── index.html
├── package.json
├── tailwind.config.js
├── postcss.config.js
└── vite.config.js

Contributing

  1. Fork the repository
  2. Create your feature branch: 
    git checkout -b feature/AmazingFeature
  3. Commit changes: 
    git commit -m 'Add AmazingFeature'
  4. Push to branch: 
    git push origin feature/AmazingFeature
  5. Open a Pull Request

License

This project is licensed under the MIT License.

Disclaimer

This project is for educational purposes only. Not affiliated with Disney+ or TheMovieDB.