Skip to content

devcourse-mongsang/mongsang

Repository files navigation

🌫️ 夢像 - 몽상 🌫️

🛏️ AI를 통해 꿈을 기록하는 몽상가가 되어보세요! 🛏️

📌 OverView

🔥 주제: 생성형 AI기반 꿈 일기 아카이빙 플랫폼 서비스

🧷 배포 링크: https://mongsang.netlify.app/

📅 개발 기간: 2025.01.14 ~ 02.04

🧑🏻‍💻Developers👩🏻‍💻

Frontend Frontend Frontend Frontend Frontend
김수현 최민혁 한승연 정다윤 김동찬
@KimSoohyun @lactofreee @tifsy @dilma01 @kdc9050

🚀 Tech Stack

🏗️ Frontend

Vue 3 Tailwind CSS Pinia

🛠️ Backend

Supabase

⚙️ DevOps

Netlify GitHub Actions

🎨 Design

Figma FigJam

🔗 API

OpenAI API YouTube API


🛢 Database ERD

ERD

📝 Commit Convention

  • ✨:sparkles: feat 기능 (새로운 기능)
  • 🐛:bug: fix 버그 (버그 수정)
  • ♻:recycle: refactor 리팩토링
  • 💄:lipstick: style 스타일 (코드 형식, 세미 콜론 추가: 비즈니스 로직에 변경 없음), UI 수정
  • 📝:memo: docs 문서 (문서 추가, 수정, 삭제)
  • ✅:white_check_mark: test 테스트 (테스트 코드 추가, 수정, 삭제: 비즈니스 로직에 변경 없음)
  • 🔨:hammer: chore 기타 변경 사항 (빌드 스크립트 수정 등)
  • 🎨:art: add 파일 추가, 보완, 코드 몇 줄 추가

✅ Implementation List

기본 요구사항

  • 웹 서비스 기본 프론트 제작
  • SNS를 활용한 소셜 로그인(회원가입/로그인/로그아웃)
  • 게시글 작성/수정/삭제
  • 게시글 이미지 첨부
  • 게시글 상세 조회
  • 타인의 게시글 반응, 댓글 작성/수정(블로그라면 타인의 블로그 글을 기준으로)
  • 엉뚱한 페이지에 접속하면 404 페이지를 보여주세요.

보너스 요구사항

  • 유저 팔로우/언팔로우/팔로잉 리스트 확인
  • 내 정보 확인
  • 회원 정보 수정
  • 다크 모드를 적용해보세요.

보너스 구현사항

  • AI를 이용한 분석, 그림 생성, ASMR 추천 가능
  • 반응형으로 다양한 디바이스에서 이용 가능
  • 카카오 공유하기 기능으로 간편하게 포스트를 공유
  • 다중 이미지를 업로드 가능
  • 경고 메세지 출력 시 커스텀 모달이 출력
  • 알림 모두 삭제, 모두 읽음, 하나씩 읽음 가능
  • 검색, 인기순 ,최신순 페이지 네이션 가능

🗂️ Folder

  📦public
  📦src
 ┣ 📂api
 ┣ 📂assets
 ┃ ┗ 📂styles
 ┣ 📂components
 ┃ ┣ 📂common
 ┃ ┗ 📂community
 ┣ 📂config
 ┣ 📂layouts
 ┣ 📂pages
 ┃ ┣ 📂community-pages
 ┃ ┣ 📂diary-pages
 ┃ ┗ 📂my-pages
 ┣ 📂router
 ┣ 📂stores
 ┗ 📂utils

🔥 Trouble Shooting

문제 원인 해결

🌟 Result

Light Mode Dark Mode

🎞️ Preview

로그인 회원가입 마이페이지 팔로워/팔로잉
커뮤니티 커뮤니티 상세글 상세글 작성/수정 일기장
일기 분석 일기 쓰기 알림 404

About

프로그래머스 데브코스 3차 프로젝트 3팀 🔥마라🔥

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5

Languages