https://github.com/techreagan/vuetify-youtube-clone-template

A youtube clone template called vuetube built with vue & vuetify
https://github.com/techreagan/vuetify-youtube-clone-template

template vuejs vuetifyjs youtube youtube-clone

Last synced: about 1 year ago
JSON representation

A youtube clone template called vuetube built with vue & vuetify

• Host: GitHub
• URL: https://github.com/techreagan/vuetify-youtube-clone-template
• Owner: techreagan
• Created: 2020-04-10T19:14:39.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-06-13T16:34:38.000Z (about 2 years ago)
• Last Synced: 2025-03-31T18:22:05.690Z (about 1 year ago)
• Topics: template, vuejs, vuetifyjs, youtube, youtube-clone
• Language: Vue
• Homepage: https://vuetube-clone.netlify.app/
• Size: 4.91 MB
• Stars: 219
• Watchers: 14
• Forks: 72
• Open Issues: 31
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# YouTube Clone Template

> YouTube clone template called vuetube was built with vue js and vuetify

Live Demo: [VueTube](https://vuetube-clone.netlify.app)

## Features / Pages

- Sign in / Sign up

- Home Page

- Trending Page

- Subscriptions Page

- Watch & Search History Page

- Liked Videos Page

- Watch Video Page

- Comment & Reply

- Channel Page Page

- Dashboard Page

- Subscribers Modal

- Upload Video Modal

- Video Details Page

- Videos

- Edit Video Details

- Upload thumbnail Modal

- Delete Video

- Settings

- Search Page

## Project setup

```

npm install

```

### Compiles and hot-reloads for development

```

npm run serve

```

### Compiles and minifies for production

```

npm run build

```

### Lints and fixes files

```

npm run lint

```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

## Screenshots

> Delete the screenshot folder if you download this code (Screenshots folder is 3.14mb in size).

### Sign In (/signin)

![Screenshot](screenshots/20%20-%20Sign%20in.jpg)

### Sign Up (/signup)

![Screenshot](screenshots/21%20-%20Sign%20up.jpg)

### Home Page (/)

![Screenshot](screenshots/1%20-%20Home.jpg)

### Trending Page (/trending)

![Screenshot](screenshots/2%20-%20Trending.jpg)

### Subscriptions Page (/subscriptions)

![Screenshot](screenshots/3%20-%20Subscriptions.jpg)

### History (Watch) Page (/history)

![Screenshot](screenshots/4%20-%20Watch%20History.jpg)

### History (Search) Page (/history)

![Screenshot](screenshots/5%20-%20Search%20History.jpg)

### Liked Videos Page (/liked-videos)

![Screenshot](screenshots/6%20-%20Liked%20Videos.jpg)

### Search Page (/search)

![Screenshot](screenshots/19%20-%20Search.jpg)

### Watch Page (/watch/:videoId)

![Screenshot](screenshots/7%20-%20Watch.jpg)

### Comment & Reply (/watch/:videoId)

![Screenshot](screenshots/8%20-%20Comment%20-%20Reply.jpg)

### Channel Page (/channels/:channelId)

![Screenshot](screenshots/9%20-%20Channel.jpg)

### Dashboard Page (/studio)

![Screenshot](screenshots/10%20-%20Dashboard.jpg)

### Subscribers Modal (/studio)

![Screenshot](screenshots/11%20-%20Subscribers%20Modal.jpg)

### Upload Video Modal

![Screenshot](screenshots/12%20-%20Upload%20Modal.jpg)

### Upload Video Detail Modal

![Screenshot](screenshots/13%20-%20Video%20Details.jpg)

### Videos Page (/studio/videos)

![Screenshot](screenshots/14%20-%20Videos.jpg)

### Edit Video Details (/studio/details/:videoId)

![Screenshot](screenshots/15%20-%20Edit%20Video%20Details.jpg)

### Upload Thumbnail Modal (/studio/details/:videoId)

![Screenshot](screenshots/16%20-%20Upload%20Thumbnail%20Modal.jpg)

### Delete Video Modal (/studio/videos)

![Screenshot](screenshots/17%20-%20Delete%20Video%20Modal.jpg)

### Settings Modal

![Screenshot](screenshots/17%20-%20Delete%20Video%20Modal.jpg)

## License

This project is licensed under the MIT License

## Developed by Reagan Ekhameye (Tech Reagan)

Reach me on twitter [@techreagan](https://www.twitter.com/techreagan)