/MedicineWeb

일반인을 위한 의약품 웹 서비스

Primary LanguageTypeScript

MedicineWeb

개요

MedicineWeb은 기존 의약품 정보를 간단하게 시각화하여 원하는 정보를 찾아낼 수 있는 서비스입니다.
기존 의약품 검색 사이트(e.g., 약학정보원, 드러그인포 등)를 이용하며,
그간 느꼈던 불편함이 개선된 서비스가 있었으면 좋겠다라고 느꼈던 생각에서 출발한 서비스입니다.





주요 기능

검색

- 드롭다운 카테고리(의약품명 / 성분명 / 효능효과)에 따라 사용자는 원하는 정보를 검색 할 수 있습니다.
searchDrug searchEffects
- 식별 기능을 이용하여 다양한 옵션(식별문자, 제형, 모양, ...)에 따라 사용자는 다양한 상황에서 원하고자 하는 정보만 필터링 할 수 있습니다.
- (예시) 환자가 지참약으로 처방전이 없는 약을 들고 온 경우
- (예시2) 기침에 효과가 있던 주황색의 약 이름이 생각 안나는 경우
searchFilter1 searchFilter2

검색 결과 조회

- 검색/필터링에 따라 해당하는 의약품의 결과를 표로 확인할 수 있습니다.
reference1
- 의약품을 클릭하면 해당 의약품의 상세 정보가 모달로 나타나 확인할 수 있습니다.
reference2 reference3

즐겨찾기

- 로그인을 한 경우에만 해당 기능을 이용할 수 있습니다.
- 상세 조회 모달에서 의약품명 옆에 위치한 별 모양 아이콘을 누름에 따라 즐겨찾기 추가/삭제가 가능합니다.
favorite1 favorite2 facorite3

로그인

- 회원 가입을 통해 로그인을 해 즐겨찾기, 마이프로필을 이용할 수 있습니다.

- 회원가입 시 입력한 보안 질문과 답변에 따라 아이디, 비밀번호 찾기가 가능합니다.
login

마이프로필

- 로그인을 한 경우에만 해당 기능을 이용할 수 있습니다.
- 회원정보 수정, 회원 탈퇴 기능을 이용할 수 있습니다.

- 상세조회 모달에서 즐겨찾기한 의약품의 목록을 확인할 수 있습니다.
- 클릭 시 해당 의약품의 요약 정보를 확인 가능하며, 즐겨찾기 삭제가 가능합니다.
myProfileUser myProfileManager

관리자 기능

- 회원가입 후 서버에서 해당 사용자의 역할을 user -> manager로 할당받으면 이용할 수 있는 기능입니다.
- 관리자 전용 페이지
manager
  1. 의약품 데이터 자동 업데이트
    - 오픈API가 연동된 DB의 정보를 새로 가져와 DB에 저장할 수 있습니다.
dataUpdate
  2. 데이터 추가
    - 의약품 정보를 새로 추가할 수 있습니다.
dataAdd
  3. 데이터 수정
    - 의약품 품목번호를 기준으로 해당하는 의약품의 정보를 수정할 수 있습니다.
dataEdit
  4. 데이터 삭제
    - 의약품 품목번호를 기준으로 해당하는 의약품의 정보를 삭제할 수 있습니다.
dataRemove

ERROR

에러 발생 시 나타나는 페이지 화면.
error



팀 소개

김영훈 김태영 이한휘
BE-김영훈(@kim0hun) FE-김태영(@nulzi) FE-이한휘(@hwinareun)




기술 스택

stackticon


발표 링크 🎥 MedicineWeb