WeTube | Youtube Cloning Project

Vanilla Javascript로 웹 앱을 만들어보며 어떤 것이 불편한지 느껴보기.

Youtube Clone with VanillaJS, NodeJS, ExpressJS, Pug, MongoDB, Webpack

프로젝트 링크

Pages

• Home
• Join
• Login
• Search
• User Detail
• Edit Profile
• Change Password
• Upload
• Video Detail
• Edit Video

Todo List

• Study little NodeJS (Complete)

• Using Babel for ES6 (Complete)

• Study and Using ExpressJS

  • Routers (Complete)
  • Middlewares (Complete)
  • Study and Using Pug (Complete)
    • Layouts (Complete)
    • Partials (Complete)
    • Local Variables (Complete)
    • Template Variables (Complete)
  • Study and Using MVC Pattern
    • Make Frame of Model (Complete)
    • Make Frame of View (Complete)
    • Make Frame of Controller (Complete)
    • Complete creating Model
    • Complete creating View (Complete)
    • Complete creating Controller
  • Session for Login

• Study and Using MongoDB (Complete)

  • Connect to MongoDB (Complete)
  • Upload & Create Video (Complete)
  • Delete Video (Complete)
  • Search Video Using Regular Expression (Complete)

• Study and Using Webpack

  • What is Webpack???
  • Apply Webpack to Project

• User Authentication (maybe PassportJS)

  • Github Login
  • Facebook Login

• Custom Video Player

  • Play / Pause
  • Mute / Unmute
  • Fullscreen
  • Timestamp
  • Volume Bar

• Video Recording

• Comment

• PUBLISH!!