kwangyoulsagong/allergenie

TEAM_3_2

🍁 단풍톤 3팀의 프론트 레포지터리 입니다. AllerGenie repo TEAM_3_2 for F-E https://web-allergenie-front-199u12dls2shgxu.sel5.cloudtype.app/

REACT

React를 사용해서 웹 페이지를 구성합니다.

allergenie's Issues

마이페이지 복용금지추가 또는 삭제 구현 하기

어떤 기능인가요?

추가 버튼을 누를시 마이페이지에 복용금지 항목에 추가

작업 상세 내용

• api로 복용금지 항목 추가
• api로 복용금지 항목 삭제

자동완성 검색 리스트 구현

어떤 기능인가요?

검색을 통해 자동완성 기능
검색을 누르면 api를 검색결과를 가져옴
각 페이지당 4개씩 결과를 보여준다

작업 상세 내용

• 검색 디자인
• 디바운스를 통해 500ms로 api요청
• 검색결과 보여주기
• 전체 페이지를 받아서 페이지당 나누기

로그인 회원가입 구현

어떤 기능인가요?

로그인 및 회원가입을 통해 서비스를 이용할수 있는 기능

작업 상세 내용

• 회원 가입 로그인 디자인 구현
• 각 정보들 폼 데이터 만들기
• api 연결
• db에 넣기
• jwt 토큰 구현
• accestoken 만료시 refreshtoken으로 새로 받기 구현

참고할만한 자료(선택)

마이페이지 복용금지약 상세 정보 구현

어떤 기능인가요?

�추가한 복용금지 약에서 자세한 정보를 보고 싶다면 해당약을 클릭하면 정보를 나타냄

작업 상세 내용

• 해당 복용금지약 클릭시 색상 바꾸기
• 해당 복용금지약 클릭시 api 요청
• 상세정보 나타내기

상세페이지 구현

어떤 기능인가요?

약 상세페이지에는 성분 효능효과 주의사항 관력약 부작용에 대한 설명이 보여집니다.

작업 상세 내용

• 상세페이지 디자인
• api로 정보들 가져오기
• 관력약 자연조인으로 가져오기
• 주의사항 설명
• 부작용 설명

마이페이지 구현

어떤 기능인가요?

마이페이지는 유저 정보및 자신의 복용하면 안돼는 약들을 정리하는 관리 페이지

작업 상세 내용

• 마이페이지 디자인
• api로 유저 정보 가져오기
• 복용금지 컨테이너 만들기