Drag_On

프로젝트 소개

이화여대 멋쟁이사자처럼 11기 졸업 프로젝트 1팀

🐉 새해맞이 목표를 세우는 당신을 위한 챌린지 서비스 drag-on 🐉

유연한 목표 달성 방식과 친구 간 달성률 공유를 통해 지치지 않는 챌린지 성공을 경험해요🔥

주요기능 📦

⭐️ 챌린지 관리하기

챌린지 최대 3개까지 생성 가능

하나의 챌린지에 목표 최대 3개

일정기간 성공 시 드래곤볼 🔮

완료하지 못한 날은 챌린지 메꾸기로 빈 날짜 채우기

내 친구의 챌린지에 반응 남기기

⭐️ 챌린지 성향 테스트

도전 과제를 수행할 때 나의 성향 확인 🐲

용의 해를 맞은 드래곤볼 컨셉으로 성향에 따라 달라지는 여의주

프론트엔드 개발자

김가영	이다빈
로그인 & 회원가입 홈 화면 챌린지 메꾸기 페이지	챌린지 관리 페이지 챌린지 성향 테스트 설정페이지

기술 스택 및 라이브러리

파일구조

📂 public
⎪   └─  index.html
📂 src
⎪  📂 api
⎪  ⎪  └─ challenge.js
⎪  ⎪  └─ friend.js
⎪  ⎪  └─ user.js 
⎪  ⎪  └─ http.js 
├─ 📂 components
⎪  ⎪   └─ 📂 _common                    
⎪  ⎪   ⎪   └─ TopBar.js 
⎪  ⎪   ⎪   └─ InputBox.js 
⎪  ⎪   └─ 📂 MainPage
⎪  ⎪   └─ 📂 Signupge     
⎪  ⎪   └─ 📂 ChallengeListPage
⎪  ⎪   └─ 📂 SetPeriodPage
⎪  ⎪   └─ 📂 SettingPage    
⎪  ⎪   └─ 📂 testchallenge 
⎪  ⎪   └─ 📂 SearchFriendPage  
├─ 📂 pages
⎪  ⎪   └─  MainPage.js
⎪  ⎪   └─  LoginPage.js              
⎪  ⎪   └─  SignupPage.js 
⎪  ⎪   └─  WriteChallengeNamePage.js
⎪  ⎪   └─  ChallengeListPage.js
⎪  ⎪   └─  NoChallengeListPage.js
⎪  ⎪   └─  ChangeNickPage.js
⎪  ⎪   └─  ChangePasswordPage.js
⎪  ⎪   └─  ExchargePage.js
⎪  ⎪   └─  FillChallengePage.js
⎪  ⎪   └─  MakeChallengePage.js
⎪  ⎪   └─  SearchFriendPage.js
⎪  ⎪   └─  SetPeriodPage.js
⎪  ⎪   └─  SettingPage.js
⎪  ⎪   └─  StartTestPage.js
⎪  ⎪   └─  TestingPage.js
⎪  ⎪   └─  TestResultPage.js
⎪  ⎪   └─  TestResultPage.js
⎪  📂 assets  
⎪  ⎪   └─ 📂 images                    
⎪  ⎪   └─ 📂 icons                    
├─   App.js                    
└─   index.js
├─ .gitignore
├─ package.json
├─ README.md