Team

<aside> <img src="/icons/link_lightgray.svg" alt="/icons/link_lightgray.svg" width="40px" /> Quick Link (자유롭게 작성해주세요)

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/83c75a39-3aba-4ba4-a792-7aefe4b07895/69d22971-3634-4ef4-bff5-69da228db4af/1608908_github_icon.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/83c75a39-3aba-4ba4-a792-7aefe4b07895/69d22971-3634-4ef4-bff5-69da228db4af/1608908_github_icon.png" width="40px" /> Github

https://github.com/ydmaad/medi-help

</aside>

<aside> <img src="/icons/keyboard_red.svg" alt="/icons/keyboard_red.svg" width="40px" /> SA 대시보드

Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.

</aside>

<aside> <img src="/icons/whale_blue.svg" alt="/icons/whale_blue.svg" width="40px" /> 데일리루틴

디자이너 & 개발자 주차별 타임라인

</aside>

<aside> <img src="/icons/conversation_orange.svg" alt="/icons/conversation_orange.svg" width="40px" /> 기술면접

[Frontend] 기술면접 top 65 | Notion

</aside>

</aside>

<aside> <img src="/icons/megaphone_lightgray.svg" alt="/icons/megaphone_lightgray.svg" width="40px" /> 프로젝트

프로젝트 명: 메디헬프(Medihelp)

소개

• 한 줄 정리: 복용 중인 약을 효과적으로 관리하고 건강 정보를 공유할 수 있는 종합 디지털 헬스케어 플랫폼
• 내용: 약물 정보 제공, 복용 일정 관리 및 알림, 증상 기록, 커뮤니티 기반 경험 공유를 지원하는 웹 애플리케이션

프로젝트 핵심 기술

• 약 검색 및 정보 제공: API를 활용한 의약품 검색 및 상세 정보(용법, 용량, 주의사항) 제공
• 개인화된 복용 관리: 사용자별 복용 중인 약물 등록, 캘린더 기반 복용 일정 관리 및 알림 시스템
• 건강 기록 시스템: 증상 및 부작용을 캘린더에 기록하고 추적할 수 있는 기능
• 커뮤니티 플랫폼: 사용자 간 경험 공유 및 정보 교환을 위한 게시판 시스템

주요 기능

• 약 검색 및 정보 열람: 광범위한 의약품 데이터베이스 기반 검색 및 상세 정보 제공
• 개인 약물 관리: 복용 중인 약물 등록, 복용 시간 설정 및 관리
• 복용 알림 시스템: 설정된 복용 시간에 맞춘 푸시 알림 기능 (개발 예정)
• 캘린더 기반 건강 기록: 약물 복용 현황, 증상, 부작용 등을 캘린더에 기록 및 시각화
• 복용 체크 기능: 일일 복용 여부를 간편하게 체크하고 관리 (개발 예정)
• 커뮤니티 게시판: 사용자 간 경험 공유, 질문 및 답변 기능
• 건강 정보 칼럼: 전문가 제공 건강 관련 정보 제공

이 프로젝트는 사용자 중심의 디자인과 최신 웹 기술을 활용하여 개인의 건강 관리를 지원하고, 커뮤니티를 통한 정보 공유로 집단 지성을 활용합니다.

직관적인 UI/UX와 효율적인 데이터 관리를 통해 사용자들이 자신의 건강 상태를 쉽게 추적하고 관리할 수 있도록 돕습니다.

향후 알림 시스템 구현을 통해 복용 관리의 효율성을 더욱 높일 예정이며, 반복 복용 설정 및 복용 통계 기능 등을 추가하여 더욱 포괄적인 건강 관리 솔루션으로 발전시킬 계획입니다.

기술 스택

• 프론트엔드: React, TypeScript, Next.js
• 상태관리: Zustand, Context API
• 스타일링: Tailwind CSS
• 캘린더 기능: FullCalendar
• 데이터베이스: Supabase
• API 통신: Axios
• 인증: Supabase Auth
• 알림 기능: Service Worker, Web Push API (구현 예정)
• 배포: Vercel

페이지별 기능 및 역할 분담

• 페이지별 주요 기능
• 역할 분담 </aside>

<aside> <img src="/icons/paste_lightgray.svg" alt="/icons/paste_lightgray.svg" width="40px" /> 기획 & 개발 환경 및 초기 세팅

<aside> <img src="/icons/bookmark_lightgray.svg" alt="/icons/bookmark_lightgray.svg" width="40px" /> 기획 관련 메모

2024.07.16 기획 회의

</aside>

<aside> <img src="/icons/megaphone_lightgray.svg" alt="/icons/megaphone_lightgray.svg" width="40px" /> 개발환경

Project Convention

Code Convention

Github Rules

</aside>

<aside> <img src="/icons/book-closed_lightgray.svg" alt="/icons/book-closed_lightgray.svg" width="40px" /> Mentoring Note

스크럼 가이드 라인

기술 멘토링 노트 (주차별 기록)

</aside>

<aside> <img src="/icons/wall_lightgray.svg" alt="/icons/wall_lightgray.svg" width="40px" /> ERD Diagram

medihelp | DrawSQL

</aside>

<aside> <img src="/icons/wall_lightgray.svg" alt="/icons/wall_lightgray.svg" width="40px" /> Architecture

• 아키텍처(토글 open) </aside>

<aside> <img src="/icons/book-closed_lightgray.svg" alt="/icons/book-closed_lightgray.svg" width="40px" /> 최종프로젝트 지원금

최종프로젝트 지원금 사용내역

</aside>

</aside>

<aside> <img src="/icons/crayon_lightgray.svg" alt="/icons/crayon_lightgray.svg" width="40px" /> 와이어프레임 & 디자인 관련

<aside> <img src="/icons/crayon_lightgray.svg" alt="/icons/crayon_lightgray.svg" width="40px" /> 와이어프레임 & Flow Chart

</aside>

<aside> <img src="/icons/crayon_lightgray.svg" alt="/icons/crayon_lightgray.svg" width="40px" /> 디자인 파일(임베드/링크 선택)

</aside>

</aside>

<aside> <img src="/icons/table_lightgray.svg" alt="/icons/table_lightgray.svg" width="40px" /> 팀 전체 5분 기록 보드 → 작성 후 본인 개인 5분기록보드에 개인화 필수 ⭐ 5분 기록 열기 🖱️클릭시 회의록(기획 및 세부내용) 기재되어 있음 ⭐ **개인 개발 진행사항은 UI 구성 + 기능 개발 코너 (아래로 쭉 스크롤 !)**⭐

</aside>

<aside> 💡 Project Schedule

</aside>

<aside> 💡 API 명세

</aside>

<aside> <img src="/icons/wall_lightgray.svg" alt="/icons/wall_lightgray.svg" width="40px" /> API 명세 - 큰 기능으로 토글화 해서 관리해보세요!

</aside>

<aside> 💡 DB 설계

</aside>

• DB 테이블(supabase) : nullable / 데이터 관계 추가
• DB Schema Visualizer

<aside> 💡 트러블 슈팅 + 튜터님 질의응답

</aside>

트러블 슈팅 + 튜터님 질의응답

<aside> 💡 UI 구성 + 기능 개발

</aside>

메인페이지, 약검색페이지, 칼럼페이지

커뮤니티 페이지

로그인/회원가입 페이지

마이 페이지, 알람창

마이 페이지, 캘린더 페이지