Giter VIP home page Giter VIP logo

wetube's Introduction

Wetube

/ -> Home /join -> Join /login -> Login /search -> Search

/users/:id -> See User /users/logout -> Log Out /users/edit -> Edit MY Profile /users/delete -> Delete MY Profile

/videos/:id -> See Video /videos/:id/edit -> Edit Video /videos/:id/delete -> Delete Video /videos/upload -> Upload Video

wetube's People

Contributors

seunghyeokleeme avatar dependabot[bot] avatar

Stargazers

sky(skysurfr) avatar  avatar

Watchers

sky(skysurfr) avatar  avatar

wetube's Issues

[feature] Styles

강의 내용을 바탕으로 style을 구현합니다.
최종 배포후에 다시 style을 재구성합니다.

[feature] File Upload

기능 소개
video 및 user profile 파일을 다룰수 있는 기능

요구사항

  • 파일 업로드 구현
  • 각 스키마에 파일 경로 url 만 필드에 추가
  • static Files 활용

[feature] 로그아웃 기능

  • 로그아웃 router 구현
  • authController.js 에서 로그아웃 함수 구현
  • 로그아웃 레이아웃 생성
  • 로그아웃 버튼 클릭 시 사용자 세션 처리

[feature] Protector and Public Middlewares

기능 소개
페이지마다 접근 권한이 다른 middleware 입니다.

필요한 이유

로그인 유저 에게만 접근가능한 경로가 필요합니다. 혹은 로그인하지 않은 상태에만 접근해야하는 경로가 필요합니다.

요구사항

  • 로그인 상태에서만 접근 가능한 middleware privateOnly
  • 로그인하지 않는 상태에만 접근 가능한 middleware publicOnly

[feature] Change Password

기능 소개
유저의 비밀번호를 변경할 수 있는 api

요구사항

  • authService 에서 changePassword 서비스 구현
  • authController.js 에서 입력한 비밀번호 유효성 검사
  • 타인의 계정 비밀번호 변경 시도시 에러 핸들링
  • 비밀번호 변경 페이지 구현

[feature] User Profile

기능 소개
/users/:id 에 동작하는 유저 프로필 컨트롤러입니다.

요구사항

  • 해당 유저가 없을 경우 404 처리
  • 해당 유저가 존재 시 민감한 정보 제외해서 유저 프로필 화면에 전달하기

[feature] 유저 아바타 url 추가

필요한 이유
유저 정보에는 해당 유저의 사진 url 이 필요합니다.

요구사항

  • user 스키마에 avatarUrl 필드 추가
  • 소셜 로그인 서비스로 가입시 해당 소셜 유저 정보에 있는 아바타 url 불러오기
  • 유저의 정보에 아바타 url 없을시 기본 이미지 대체

[feature] Video Owner

기능 소개
Video model에 owner 필드 추가

필요한 이유
User model 과 Video model은 1: N 관계입니다.

요구사항

  • Video model 스키마에 owner 필드 추가
  • User model 스키마에 videos 필드 추가
  • 해당 video 소유자만 edit/delete 기능 추가
  • 유저 프로필에 자신이 업로드한 비디오 목록 보기 추가

[feature] Edit Profile

기능 소개
유저 프로필 수정 기능

요구사항

  • edit profile Router 생성
  • userService에서 updateProfile 기능 추가
  • Edit Profile View 생성

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.