프로젝트 명: Caloriettoni

프로젝트 설명: 식단과 운동의 종류를 기록하면 DB에서 가져와서 자동으로 칼로리를 표시, bmr과 직관적인 수치를 알려주는 웹.

시연영상 [ 클릭시 유튜브로 이동 ]

  Notion

  1차 프로젝트 발표 자료

팀구성 인원 및 역할

• Frontend 오영지 (팀장) : 메인페이지 , 식단페이지 , 헬스 페이지

  견기성 (팀원) : 인트로페이지 , 캘린더 , 기록페이지 , Footer

• Backend 홍기윤 (팀장): 식단 카테고리 ,식단 기록 페이지 , 메인페이지 하루, 총 섭취 칼로리

  석민경 (팀원) : 운동관리 페이지, 메인페이지그래프 (소모칼로리,잔여칼로리) ,메인캘린더

  이진규 (팀원): 회원정보 , 음식과 운동 리스트 , Docker 배포

페이지별 기능

• 메인페이지 : 지난주 버튼 클릭시 일주일단위로 데이터들을 표시 , 이번주 버튼 클릭시 이번주의 시작날짜부터 마지막날짜까지 일주일단위로 그래프표시.

• 캘린더페이지: 클릭한 날짜의 기록페이지로 클릭 한 날짜 값 출력.

• 목록페이지: 식단 작성페이지 입력값 화면출력, 운동작성 페이지 입력 값 화면 출력, 휴지통 아이콘 클릭시 삭제기능 구현.

• 식단 페이지 : 식단선택 드롭박스에서 선택시 해당하는 분당kcal를 input창에 표시.

• 운동페이지 : 운동선택 드롭박스에서 선택시 해당하는 분당소모kcal를 input창에 표시.
  time picker창 , 계산하기 , 계산된 결과 창 : 운동한 시간을 선택하고 계산하기 버튼을 클릭하면 해당하는 운동 , 분당 kcal , 분당 kcal , 분으로 환산한 시간을 계산하여 총 소모 칼로리를 자동으로 표시.

프로젝트 기간

• 기간 : 2023.6.20 ~ 2023.7.13

사용모듈

• HTML5
• CSS3
• Javascript
• React 18
• React Router 6
• React Calendar
• AntDesign
• Fontawsome
• Emotion
• axios
• Moment
• Prettier
• Nivo

일정관리/협업

코드관리

디자인

좋았던 점 , 아쉬웠던 점

• 오영지

  • 좋았던점 : 백엔드와 협업을 하면서 서버에서 데이터를 가져오고 보내는 과정을 경험하여 실무에서 이런 방식으로 일한다는것을 알수있었습니다.

  • 아쉬웠던 점: 회의 할때 서로의 의견을 나누는것에서 그칠것이아니라 개개인이 통일된 생각을 가지고있는게 맞는지 회의가 끝날때마다 확인하는 과정이 부족했다는 생각이 들었습니다.

• 견기성

  • 좋았던 점: 어떻게 협업을 하는지 데이터를 어떻게 주고 받는지 어떤 데이터가 필요한지 알게 되서 좋았고, 서로 맞춰가는 재미가 있어서 좋았습니다.

  • 아쉬웠던 점:실력에 맞지 않는 기획,기획 사이즈에 비해 시간은 너무 짧아 결국 작업하면서 사이즈를 줄이면서 조금 엉성해 지는게 아쉬웠습니다.

본 readme는 프론트입장에서 작성되어있습니다.