The sentence-u from hahmjuntae

💬 누군가의 말 한마디에

용기가 생긴 적이 있나요?

감동을 받은 적이 있나요?

동기부여가 생긴 적이 있나요?

💬 이제는 여러분이 말해주세요!

📝 방문하기

🔖 소개

SENTENCE U는 "삶은 한 문장이다" 라는 문장에서 영감을 얻어 짧은 글로 사람들에게 동기부여와 여러 긍정적인 메시지를 담기위해 만들어진 공간입니다.

동기부여를 얻거나 다른 사람에게 큰 힘을 줄 수 있는 공간을 제공합니다.

글에는 힘이 있습니다. 여러분의 한 마디로 이 공간을 아름답게 빛내주세요.

📆 개발기간

ver 1. (2023.01.05 ~ 2023.02.11)

📝 작업 기록

SENTENCE U | Log

📚 기술스택

분야	사용 기술
FrontEnd	JavaScript / React / Webpack
BackEnd	Node / Express
Database	MongoDB(Mongoose)
Cloud	AWS S3 / CloudType(CI/CD)
Tool	VisualStudio Code

⚙️ 주요 기능

로그인/로그아웃

JWT 토큰 방식을 이용하여 로그인이 가능합니다.
로그인 상태는 MongoDB에 세션으로 저장됩니다.
카카오 소셜 로그인이 가능합니다.
카카오 ID 여부에 따라 로그아웃의 방식이 달라집니다.

회원가입

MongoDB를 통해 유저명의 중복 확인이 가능합니다.
비밀번호 확인 기능을 통해 정확한 비밀번호 설정이 가능합니다.
카카오 소셜 로그인이 가능합니다.

포스트 작성 모달 창

사람들에게 동기부여와 여러 긍정적인 메시지를 작성 할 수 있습니다.
미들웨어를 거쳐 로그인 한 유저에게만 상태에만 작성버튼이 보입니다.

메인 페이지

서비스의 소개를 보여줍니다.
유명한 명언을 크롤링해서 롤링배너로 보여줍니다.
인기포스트/최신포스트의 미리보기를 제공합니다.
공간을 빛내주는 유저리스트를 제공합니다.
soket.io를 통해 현재 접속 중인 유저를 확인할 수 있습니다.

포스트 페이지

인기포스트 : 좋아요 높은 순으로 10개를 보여줍니다.
최신포스트 : 최신 순으로 날짜별로 구분해서 포스트를 보여줍니다.
글 작성자의 경우 게시글 수정, 삭제가 가능합니다.
댓글을 통해 여러 유저와 소통할 수 있습니다.
댓글 등록자의 경우 댓글의 수정, 삭제가 가능합니다.

마이 페이지

내가 작성한 포스트를 모아볼 수 있습니다.
내가 좋아요를 누른 컬렉션을 모아볼 수 있습니다.

유저 페이지

다른 유저가 작성한 포스트를 모아볼 수 있습니다.
해당 유저가 좋아요를 누른 컬렉션은 볼 수 없습니다.

설정 페이지

유저 아바타, 유저명, 유저 타이틀을 수정 할 수 있습니다.
유저 아바타는 AWS S3 스토리지에 저장됩니다.
계정 삭제가 가능합니다.
계정 삭제 시 해당 유저가 작성했던 모든 포스트를 삭제합니다.

공지사항 페이지

서비스의 업데이트 사항 및 새로운 소식을 전달합니다.

PWA

PWA를 추가해 모바일 유저가 앱처럼 사용 가능합니다.
iOS 유저에게는 PWA iOS Prompt를 통해 '홈 화면에 추가'를 가이드 해줍니다.
새로운 버전 업데이트 시 유저에게 업데이트 알림을 제공합니다.

📦 사용 패키지

aws-sdk
axios
bcrypt
cheerio
connect-mongodb-session
dayjs
emotion
loadable
mongoose
multer
multer-s3
react-query
react-icons
react-ios-pwa-prompt
socket.io
sweetalert2
web-push
workbox

hahmjuntae / sentence-u Goto Github PK

sentence-u's Introduction