Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/iamdipankarpaul/jsm_youtube_clone

Last synced: 1 day ago
JSON representation

Host: GitHub
URL: https://github.com/iamdipankarpaul/jsm_youtube_clone
Owner: iamdipankarpaul
Created: 2024-04-14T12:51:03.000Z (9 months ago)
Default Branch: main
Last Pushed: 2024-04-17T06:08:40.000Z (9 months ago)
Last Synced: 2024-11-11T14:10:47.822Z (2 months ago)
Language: JavaScript
Homepage: https://retube-nine.vercel.app
Size: 62.5 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 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**

![retube_desktop_view1](https://github.com/dipankarpaul2k/jsm_youtube_clone/assets/136841290/7f19147f-96e8-4163-8e79-68fc638a531c)

![retube_desktop_view2](https://github.com/dipankarpaul2k/jsm_youtube_clone/assets/136841290/89bfd310-638a-409d-a9d8-0b5109ca43e3)

![retube_desktop_view3](https://github.com/dipankarpaul2k/jsm_youtube_clone/assets/136841290/413e6990-60c2-45cb-9573-57db189cab8b)

![retube_desktop_view4](https://github.com/dipankarpaul2k/jsm_youtube_clone/assets/136841290/2c03bd77-23fe-4235-87fc-df8666fde6f7)

![retube_desktop_view5](https://github.com/dipankarpaul2k/jsm_youtube_clone/assets/136841290/ef29865a-4a72-43f3-a0cd-2ad8dab79d41)

**Mobile view**

![retube_mobile_view1](https://github.com/dipankarpaul2k/jsm_youtube_clone/assets/136841290/72e9a9c7-5000-4be1-9520-b0707115b6b3)

![retube_mobile_view2](https://github.com/dipankarpaul2k/jsm_youtube_clone/assets/136841290/6d4158fc-d10e-4cf3-b8fd-e506bba2e3fb)