Amazon Q Developer 챌린지: 정신 건강 추적 웹 앱 개발 (HTML, CSS, JS, Local Storage)
🤖 AI 추천
이 콘텐츠는 프론트엔드 개발을 처음 시작하는 주니어 개발자부터 웹 기술 스택을 활용하여 개인 프로젝트를 구축하고자 하는 미들레벨 개발자에게 유용합니다. 특히 AI 및 데이터 시각화에 관심 있는 개발자에게는 좋은 학습 자료가 될 수 있습니다.
🔖 주요 키워드
Amazon Q Developer 챌린지: 정신 건강 추적 웹 앱 개발
이 글은 Amazon Q Developer의 "Quack The Code" 챌린지 출품작으로, 사용자의 감정적 안녕을 돕기 위한 정신 건강 추적 웹 애플리케이션을 소개합니다.
✨핵심 기술: HTML, CSS, JavaScript 및 Local Storage를 활용하여 사용자 친화적인 인터페이스와 기능을 갖춘 정신 건강 추적 웹 앱을 개발했습니다.
⚙️주요 기능 및 구현:
* 감정 추적: 사용자는 자신의 기분을 쉽게 기록할 수 있습니다.
* 기록 보기: 과거의 감정 기록을 실시간 및 캘린더 형식으로 조회할 수 있습니다.
* AI 기반 인사이트: 감정 추세, AI 분석, 기분 추이(streak)를 통해 사용자에게 유용한 정보를 제공합니다.
* 맞춤 설정: 앱의 외관을 커스터마이징하고 알림을 관리하며 데이터를 제어할 수 있습니다.
☁️개발 하이라이트:
* Amazon S3: 데이터를 위한 안전하고 확장 가능한 스토리지로 활용되었습니다.
* HTML/CSS: 반응형 디자인을 통해 다양한 기기에서 최적의 사용자 경험을 제공합니다.
* JavaScript: 동적이고 실시간 상호작용을 구현하는 데 사용되었습니다.
⭐모범 사례:
* 접근성: 모든 사용자가 앱을 편리하게 사용할 수 있도록 접근성을 고려하여 개발했습니다.
* 반응형 디자인: 다양한 디바이스에 최적화된 디자인을 적용했습니다.
🖥️데모 및 코드: GitHub 저장소를 통해 앱의 작동 방식과 소스 코드를 확인할 수 있습니다.
🚀개발자 연결: GitHub 및 LinkedIn 프로필을 통해 개발자와 소통하고 프로젝트에 대한 더 많은 정보를 얻을 수 있습니다. 현재 학생 개발자로 프로젝트를 진행 중입니다.