데브허브 | DEVHUB | Build a Full Stack AI Therapist Agent App using NextJS, NodeJs | MongoDB , ExpressJs , Echo APIBuild a Full Stack AI Therapist Agent App using NextJS, NodeJs | MongoDB , ExpressJs , Echo API
- AI 기반 정신 건강 동반자 앱 개발: "Aura 3.0"이라는 AI 치료사 앱을 NextJS, NodeJS, MongoDB, ExpressJS를 사용하여 구축하며, 정신 건강 지원에 중점을 둡니다. 🧠
- 포괄적인 기능: 사용자 대시보드에서 기분 추적, 명상 미니 게임(호흡 패턴, 젠 가든 등), AI 상담을 통한 맞춤형 조언 제공 등 다양한 기능을 포함합니다. 🧘♀️
- 첨단 기술 스택: 프론트엔드는 NextJS, Shard CN, Framer Motion, Lucid Icons를, 백엔드는 NodeJS, ExpressJS, MongoDB를 사용하며, AI 기능은 Google Gemini AI를 통해 구현됩니다. 💻
- 견고한 시스템 아키텍처: 사용자 요청은 React 웹 앱을 통해 백엔드 API 엔드포인트(인증, 채팅, 기분, 활동)로 전달되며, Helmet, CORS 등의 미들웨어로 보안 및 효율성을 확보합니다. 🛡️
- 백그라운드 작업 처리: Ingest를 활용하여 채팅 메시지 처리, 치료 세션 분석, 활동 추천 생성 등 중요한 작업을 비동기적으로 처리하여 앱의 부하를 줄입니다. ⚙️
- AI 기반 개인화: Google Gemini AI가 사용자 메시지를 분석하고 사려 깊은 조언을 제공하며, MongoDB에 모든 데이터(메시지, 기분, 활동)를 저장하여 개인화된 경험을 제공합니다. ✨
- 효율적인 개발 도구: AI 기반 코드 에디터인 Cursor AI를 사용하여 개발 생산성을 높이고, Echo API로 백엔드 엔드포인트를 테스트하여 시스템 안정성을 확보합니다. 🛠️
- 배포 및 확장성: 백엔드는 Render에, 프론트엔드는 Vercel에 배포하여 프로덕션 환경에 적합한 확장성과 성능을 제공합니다. 🚀
- UI/UX 중심 개발: Shard CN과 Tailwind CSS를 활용하여 깔끔하고 현대적인 UI를 구축하고, Framer Motion으로 부드러운 애니메이션을 추가하여 사용자 경험을 향상시킵니다. 🎨
- 단계별 프로젝트 설정: NextJS, Shard CN, Tailwind CSS를 초기 설정하는 과정을 상세히 설명하며, 헤더 컴포넌트 구축을 시작으로 실제 개발 과정을 안내합니다. 🏗️