AllBareun

📑 프로젝트 소개

• 새해맞이 목표 달성 사이트

탄생 배경

• 신년을 맞아 새로운 목표들을 세우게 되나 번번이 1달을 못 채우고 끝나는 경우가 많다.
• 이에 목표 달성 과정을 도와줄 수 있는 사이트가 있으면 좋겠다 생각하게 되어 프로젝트를 시작했다.

🛠 사용 기술

Front-End	Back-End	DataBase	Tool
HTML5 CSS3 ES6	Mybatis Spring	MySQL	Git Trello Kakao Oven Photoshop SpringBoot

📅 개발 기간

[](https://github.com/cyon13/AllBareun/blob/master/src/main/resources/static/images/2차 프로젝트 일정.png)

📊 E-R Diagram

📖 Issues 관리

🎞 실행 화면

✅ [1] 회원가입 : 올바른생각 웹서비스를 이용하기 위한 회원가입 페이지 입니다. 아이디 중복체크와 비밀번호 유효성 검사를 구현하였습니다. 또한 프로필 이미지를 설정할 수 있도록 드래그 앤 드롭 파일 업로드를 통해 이미지를 삽입할 수 있게 구현했습니다.

✅ [2] 로그인 : 로그인 페이지입니다.

✅ [3] EMAIL 검색 : 로그인을 위한 이메일, 비밀번호 분실 시 찾을 수 있도록 검색 기능을 구현하였습니다.

✅ [4] PASSWORD 수정 :

✅ [5] 인덱스 페이지 : full calendar 라이브러리와 p5.js 라이브러리를 이용해서 달력기능과 눈 효과를 구현해서 구성했습니다.

✅ [6] 목표 개설 : 각자가 원하는 목표를 개설할 수 있는 기능으로, 혼자서 목표 진행, 친구를 초대해서 진행, 목표를 공개해서 다른 사람들과 함께 진행할 수 있도록 구현하였습니다.

✅ [7] 목표 탭 : 공개된 목표를 볼 수 있는 곳으로 스크롤에 따라 추가적으로 목표를 볼 수 있으며 검색 기능을 통해 원하는 목표를 찾아서 선택할 수 있습니다.

✅ [8] 목표 참가 : 개설된 목표에 참가할 수 있습니다. 참가 되면 내 목표 탭에서 목표를 확인할 수 있습니다.

✅ [9] 목표 인증 : 목표 설정에 맞게 인증하는 날짜에 따라서 목표를 사진과 함께 인증할 수 있습니다. 드래그 앤 드롭으로 사진을 올릴 수 있으며 사진 수정이 가능합니다. 인증이 되면 각 목표의 디테일페이지에서 인증된 결과를 확인할 수 있습니다.

✅ [10] 완료된 목표 : 목표가 다 끝나면 달성도(80% 기준)에 따라 재도전을 선택할 수 있고 목표 기간동안 인증했던 내용들을 사진으로 볼 수 있으며 각자가 목표 기간동안 올려왔던 사진들을 동영상으로 볼 수 있도록 구현하였습니다. chart.js 를 이용하여 목표 달성도와 평가지 데이터를 기반으로 결과를 요약하여 나타내었습니다.

💻 개발자

신중언	구본율	김현지	임혜영

💼Download

• git clone https://github.com/cyon13/AllBareun