Discoveryplus Clone1

Discovery+ is an American streaming service owned by Warner Bros, In this project we use different language and framework, like React, Tailwind CSS , Chakra UI , React-video_player and more.. In this clone you will be able to watch the short video, login , payment and many this you can do

Demo Download

Discovery+ Clone

📺 About the Project

Discovery+ is an American streaming service owned by Warner Bros. This project is a clone of Discovery+ that allows users to watch short videos, log in, make payments, and explore various features.

🚀 Tech Stack

The project is built using the following technologies:

Frontend:
- React.js
- Tailwind CSS
- Chakra UI
- React Video Player
- Axios (for API calls)
Backend:
- Node.js
- Express.js
- MongoDB
Authentication:
- Firebase Auth
- JWT (JSON Web Token)
Payment Integration:
- Stripe API

📂 Project Structure

├── public
├── src
│   ├── components
│   ├── pages
│   ├── assets
│   ├── services
│   ├── hooks
│   ├── context
│   ├── utils
│   ├── App.js
│   ├── index.js
├── .gitignore
├── package.json
├── README.md

✨ Features

🎥 Watch short videos
🔐 User authentication (Sign Up/Login)
💳 Payment processing using Stripe
🌐 Responsive UI using Tailwind CSS and Chakra UI
📦 Video streaming with React Video Player
🗂️ User profile management

🛠️ Installation

Clone the repository:

git clone https://github.com/md-irshad-alam/discovery-plus-clone.git
cd discovery-plus-clone

Install dependencies:
```
npm install
```
Start the development server:
```
npm start
```

⚙️ Configuration

Create a .env file in the root directory and add the following environment variables:

REACT_APP_API_URL=your_api_url
REACT_APP_FIREBASE_API_KEY=your_firebase_api_key
REACT_APP_STRIPE_PUBLIC_KEY=your_stripe_public_key

🚧 Deployment

To deploy the project, use the following command:

npm run build

Deploy to platforms such as Vercel, Netlify, or Firebase Hosting.

🤝 Contributing

Contributions are welcome! Feel free to submit a pull request.

Fork the repository.
Create a feature branch: git checkout -b feature-name
Commit changes: git commit -m 'Add some feature'
Push to the branch: git push origin feature-name
Open a pull request.

📜 License

This project is licensed under the MIT License.

📧 Contact

For any inquiries or issues, please contact: [email protected]

⭐ Don't forget to star the repository if you find it useful!

Top categories