Giter Club home page Giter Club logo

videoeditormatchingplatform's Introduction

편집

  • 개발 기간 : 20.07.20 ~ 20.08.21
  • Front-end : Vue.js
  • Back-end : SpringRestful
  • 6명이 한 팀으로 진행.
  • 내가 맡은 역할 : 팀장 & 프론트, 백엔드 (프론트 엔드 개발 위주 - 특히, 포트폴리오페이지 프론트, 백 모두 개발)
  • 프로젝트 소개 : 편집자와 편집자를 찾는 사람들 사이의 매칭 플랫폼
  • 프로젝트 특장점
    • CF알고리즘을 통한 사용자 맞춤 편집자 추천
    • Redis를 이용하여 보다 빠른 검색결과 반환
    • 알람 페이지에 스케줄러 기능 제공
  • 프로젝트에 대한 자세한 소개
  • 화면 캡쳐 오른쪽 하단에 있는 화살표 표시는 원래는 한개이지만 캡쳐하면서 여러개가 캡쳐되었음.

메인페이지

로그인 전

메인페이지_로그인전

로그인 후

  • CF알고리즘을 이용하여 추천 시스템 개발하였습니다.

메인페이지_로그인후

로그인 후_편집자 알림

  • 요청된 작업이 있는 경우 빨간색으로 표시됩니다.

메인페이지_편집자_알림

  • 알림 아이콘을 누를 경우 간단하게 알림 요청을 확인할 수 있습니다.

메인페이지_편집자_알림_상세보기

  • 일반사용자의 경우도 편집자가 요청 수락시 알림을 확인할 수 있습니다.

메인페이지_일반사용자_알림상세

검색페이지_전체보기

검색_메인

검색_Stepper를 통한 정보 검색

Stepper

Stepper1

Stepper2

Stepper3

Stepper3_선택시

Stepper4

Stepper5

Stepper6

Stepper를 통한 검색 페이지

  • Stepper를 통해 조건을 입력하면 입력한 사항이 검색 페이지에 반영되어 편집자 리스트를 출력합니다.
  • 편집자 리스트는 작업 이력을 통해 조건과 일치하는 편집자를 반환합니다.

검색_AfterStepper

포트폴리오 페이지

  • 일반사용자가 보게 되는 모습입니다.

포트폴리오

  • 편집자가 본인의 포트폴리오 페이지를 보는 경우 보게 되는 모습입니다.

포트폴리오_편집자

포트폴리오 등록 및 수정

등록

포트폴리오_최초등록시

수정

포트폴리오_수정페이지

요청서

  • Stepper를 통한 검색 후 포트폴리오 페이지에서 요청하기 버튼을 누르면 아래와 같이 정보가 자동으로 입력되어 요청하기 버튼을 통해 편집을 요청할 수 있습니다.
  • Stepper를 통하지 않고 리스트에서 포트폴리오로 들어온 후 요청하는 경우에는 사용자가 입력하여 요청하기 버튼을 통해 편집을 요청할 수 있습니다.

요청서_Modal

알람 페이지

일반사용자

알림_일반사용자

편집자_요청 받은 작업 보기

알림_편집자_편집자모드

편집자_일반사용자 모드

알림_편집자_일반사용자모드

북마크 리스트 페이지

북마크

로그인

  • 로그인은 구글 로그인과 일반 로그인을 지원합니다.

로그인

  • 로그인 실패 시

로그인_실패시

회원가입

회원가입

videoeditormatchingplatform's People

Contributors

dabini avatar jeongserin avatar jinhee96 avatar milkcat1994 avatar ohdnf avatar soohyun0907 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

ohdnf jeongserin

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.