DumbYT/FrontEnd
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: DumbYT:bc8a603d4e2c59933a83a5a373d58bc6ad7f8c5b
Branches Tags
DumbYT:master DumbYT:development
...
compare: DumbYT:master
Branches Tags
DumbYT:development DumbYT:master

4 Commits
bc8a603d4e ... master

Author SHA1 Message Date
hak8or
2feb4e3d81 Fixed typo in homepage and changed what this is paragraph a bit 2018-04-06 07:36:07 +00:00
hak8or
7f1447e57c Load a few videos when page opens 2018-03-31 01:09:12 -04:00
hak8or
b9c4858460 Updated readme.md 2018-03-31 00:59:53 -04:00
hak8or
0a53136f1a Added readme 2018-03-31 00:53:16 -04:00
3 changed files with 20 additions and 4 deletions
Expand all files Collapse all files

2
index.html
View File

@ -10,7 +10,7 @@
<body>
<div class="pageheader">
<h1>Dumb YT Manager</h1>
<p>Youtube banned my account and refuses to say why, taking all my subscribed channels with it. This is a simple scrubscribed channel manager, showing recent releases from each channel and finally proper sub-catagory functionality!</p>
<p>Youtube banned my account and refuses to say why, taking all my channel subscriptions with it. So here is a simple channel subscription manager of my own, showing recent releases from each channel.</p>
</div>
<div id="app"></div>

15
readme.md
View File

@ -1,10 +1,19 @@
# Frontend
## Description
Oh god, front end web development, specifically javascript.
Oh god, front end web development, specifically javascript. This is the front end for the API based backend of DumbYT, a simple Youtube manager that keeps track of various channels or videos a user wants to be "subscribed" to.
This project makes use of the following:
- Vuejs
Seemingly resonable javascript framework that's well documented and actively developed.
- **Vuejs** Reasonable javascript framework that's well documented and actively developed.
- **Axios** Nice HTTP post/delete/etc helper library
- **TypeScript** Making javascript more bearable, adds types to the language and other niceties.
- **WebPack** Handles running the Typescript compiler and minifying and running a server for development.
## Getting Started
1. Clone the repository
2. Run ```npm update``` to download all the project dependencies.
3. Run ```npm start``` which will automatically start a server and recompile the typescript based backend when there are file changes. Also, ```/api``` is proxied back to the production server, though this can be edited in ```webpack.config.js```.
4. Run ```npm run-script build``` which generates the frontend files for production.

7
src/index.ts
View File

@ -29,6 +29,13 @@ let MainApp = new Vue({
search_completed(videos : Array<DumbYT.Video>) : void {
this.Videos = videos;
}
},
mounted(){
// Populate some Videos immediatly on start up.
DumbYT.API.search_videos("").then(videos => {
// Copy the videos over.
this.Videos = videos;
});
}
});