💊 PharmaSeoul Frontend

외국인 및 내국인들을 위한, 서울시 약국 찾기 프로젝트입니다. 사이트 언어 설정이 가능하고, 외국어 가능 약국을 찾을 수 있어 외국인들의 의료 접근성을 높일 수 있습니다.

https://www.pharmaseoul.com

👑 팀원 소개

Frontend
최서연

💻 서비스 설명

해당 프로젝트는 반응형으로 구현하여 컴퓨터, 태블릿, 모바일뷰 등 다양한 디바이스에서 최적화된 사용자 경험을 제공하며, 각 화면 크기에 맞춰 유연하게 레이아웃과 콘텐츠가 조정되도록 설계되었습니다.

1️⃣ 시작 페이지

서비스에 대한 소개와 언어 선택 기능이 있습니다.

2️⃣ 메인 페이지

내 위치 근처로 찾기와 선택한 지역으로 찾기 중 하나를 선택할 수 있습니다.

3️⃣ 내 위치 근처로 찾기

선택 조건을 포함한 내 위치 근처 약국 5곳을 알려줍니다.

검색 조건으로 현재 운영 중인 약국만 검색할 수 있습니다. 또한 영어, 중국어, 일본어 등의 언어를 선택하면, 해당 언어가 가능한 약국으로 결과가 필터링됩니다.

한국어가 어려운 외국인을 위해 약국 이름과 주소를 클릭하면 클립보드에 복사됩니다.

4️⃣ 지역 검색으로 찾기

선택 조건을 포함해 선택한 지역의 약국을 모두 알려줍니다.

검색 조건으로 현재 운영 중인 약국만 검색할 수 있습니다. 또한 영어, 중국어, 일본어 등의 언어를 선택하면, 해당 언어가 가능한 약국으로 결과가 필터링됩니다.

한국어가 어려운 외국인을 위해 약국 이름과 주소를 클릭하면 클립보드에 복사됩니다.

언어 변경

시작 화면에서 언어 선택 시 아래와 같이 해당 언어로 설명을 볼 수 있습니다. 페이지 상단에서 언어를 변경할 수도 있습니다.

참고사항

GoogleMap API 무료 이용기간이 만료됨에 따라 지도를 GoogleMap에서 KakaoMap으로 변경하였습니다.

🛠️ Stack