ReTube

An almost youTube clone project built with ReactJs, Material UI and Youtube-v3 API from Rapid API hub.

• You have a homepage
• A search feed
• A channel detail page with basic information and videos
• A video detail page with views, likes, published time, description and comments.
• Fully responsive design.

Folder structure

📦src
 ┣ 📂components
 ┃ ┣ 📜AppLoader.jsx
 ┃ ┣ 📜ChannelCard.jsx
 ┃ ┣ 📜CommentCard.jsx
 ┃ ┣ 📜CommentList.jsx
 ┃ ┣ 📜Description.jsx
 ┃ ┣ 📜index.js
 ┃ ┣ 📜Navbar.jsx
 ┃ ┣ 📜Root.jsx
 ┃ ┣ 📜SearchBar.jsx
 ┃ ┣ 📜Sidebar.jsx
 ┃ ┣ 📜VideoCard.jsx
 ┃ ┣ 📜VideoList.jsx
 ┃ ┣ 📜VideoPlayer.jsx
 ┃ ┗ 📜Videos.jsx
 ┣ 📂pages
 ┃ ┣ 📜ChannelDetail.jsx
 ┃ ┣ 📜Feed.jsx
 ┃ ┣ 📜index.js
 ┃ ┣ 📜SearchFeed.jsx
 ┃ ┗ 📜VideoDetail.jsx
 ┣ 📂utils
 ┃ ┣ 📜constants.js
 ┃ ┣ 📜fetchFromApi.js
 ┃ ┣ 📜fetchVideoComments.js
 ┃ ┗ 📜formatDate.js
 ┣ 📜App.jsx
 ┣ 📜index.css
 ┗ 📜main.jsx

Screenshots

Desktop view

Mobile view