dodoream Project

당신의 마음을 두드릴 아티스트를 후원하세요/모두들 두드릴 당신의 꿈을 보여주세요 -- '두드림'

'아티스트를 위한 크라우드 펀딩 사이트'를 주제로 기획/제작된 웹 페이지 입니다. KH정보교육원 - 디지털컨버전스 융합SW개발자 양성과정 5회차 '촉촉한 초코칩조'의 파이널 프로젝트로 기획되었으며, 박성혁, 송창혁, 양주연, 이영상, 제상란, 황선희 총 6명이 참가하였습니다.

개발환경

• OS : Windows 7/10
• FW : Spring Framework / Bootstrap
• Front-end : javascript / jQuery / AJAX / JSON / HTML5 / CSS3
• Back-end : java8 / node.js / MyBatis
• WAS : Apache Tomcat
• DB : Oracle
• Developer Tools : STS / Eclipes / VS Code / SqlDeveloper
• 사용 API : kakao API / NAVER(네아로)API / Import API / Twitter API / SummerNote API / Google SMTP

프로젝트 화면

메인화면(제상란/황선희)

• 로그인/로그아웃/쿠키를 이용한 자동 로그인 구현(제상란)
• 네아로 로그인(황선희)/카카오로그인 구현(제상란)
• 회원가입 구현(제상란)
• 인기순/최신순/달성임박순으로 프로젝트 리스트 로딩(황선희)

회원 마이페이지 화면(제상란/황선희)

• 펀딩한 프로젝트/오픈한 프로젝트/좋아요한 프로젝트 확인 구현(제상란)
• 팔로우/팔로워 구현(제상란)
• 프로젝트 신고 내역 확인 및 신고답변 확인 구현(제상란)
• 프로젝트 펀딩 내역 및 오픈한 펀딩 결제내역 확인 구현(황선희)
• 정보수정 구현(제상란)

프로젝트 상세 화면(양주연)

• 해시태그 구현
• 상태값에 따른 펀딩상태 구분
• 리워드 선택 및 수량변경/ 펀딩 가격 자동계산 구현
• 커뮤니티 댓글 및 대댓글 기능 구현
• 프로젝트 좋아요 / 아티스트 팔로우 기능 구현
• 프로젝트 신고 구현

프로젝트 등록 화면(송창혁)

• 유저 친화적인 프로젝트 등록 페이지 구현
• 등록 사이드 리모컨 구현
• 각 input 폼 정규식 구현
• 이미지 업로드 및 동영상 주소 업로드 구현
• 미리보기 / 임시저장 구현
• 페이지에서 벗어날 시 주의알림 출력 구현

프로젝트 예약 화면(황선희)

• 예약 내역 확인 구현
• 총 펀딩금액 계산 구현
• 주소검색 API 구현
• 카드번호 입력 클릭 키보드 구현
• importAPI로 카드 결제창 없는 정기결제 구현
• node.js 서버로 billingKey 발급 및 폐기 구현
• 카카오 / 트위터 / 페이스북 공유하기 구현

고객센터 화면(박성혁)

• AJAX 리스트 로딩 구현
• FAQ검색 기능 구현
• 카테고리로 후기 리스트 필터링 구현

관리자 화면(이영상/황선희/송창혁)

• 인덱스 페이지 각종 정보 로딩(이영상)
• chart.js API 구현(이영상)
• 정보 알림/알림 확인 구현(이영상)
• 유저 정보 확인 및 블랙리스트 처리 구현(이영상)
• 프로젝트 검토 및 심사 통과/탈락 구현(이영상)
• 성공 펀딩 결제 구현(황선희/송창혁)
• 신고 처리 및 답변 구현(이영상)
• 공지사항/프로젝트 후기/FAQ 등록 구현(이영상)

두드림 프로젝트 ERD

업데이트 내역

• 0.1.0
  • 프로젝트 완성
• 0.0.1
  • 작업 진행 중