README.md

Youtube App 📽

• You can either register normally or log in using your google account.
• After logging in, you can add new videos, like and comment on videos.
• You can subscribe to channels, so you can follow the videos of your favorite channels.
• Application developed using styled components.
• You can choose the theme we want using dark & light mode.
• Firebase was used to store images and videos in the cloud.
• Redux used for state management.

Built With 🛠

• Styled Components
• React.js
• MongoDB
• Express.js
• Node.js
• Firebase

You can check out the other repos the app has below.

• Server Client

Installation ⚡

• Clone the repo

  git clone [email protected]:ufukcankurt/react-youtube-app.git
  

• İnstall all dependencies

   yarn ||  yarn install 
  

• Create .env file at the top of the application and add these parameters

   REACT_APP_FIREBASE_APIKEY=
   REACT_APP_FIREBASE_AUTHDOMAIN=
   REACT_APP_FIREBASE_PROJECTID=
   REACT_APP_FIREBASE_STORAGEBUCKET=
   REACT_APP_FIREBASE_MESSAGINGSENDERID=
   REACT_APP_FIREBASE_APPID=
  

• Run the development server:

  npm run dev
  # or
  yarn dev

Screenshots 📸

App home page dark & light mode

If you have an account you can login otherwise you have to register

You can upload video from here.

This page is the video detail page. You can like and comment on the video. You can subscribe to the channel. You can also see similar videos on the right side.

The Explore page lets you discover popular videos based on the highest number of views in the app.

The Subscriptions page is where you can see the videos of your subscribed channels in the app.