Project NaiClover ver 1.3

개발기간: 1월 15일 ~ 2월 6일 (3주)

배포 주소

https://naiclover.shop

http:3.34.47.72

https://naiclover.shop

Manual *sign up can be possible

type	id	pw
guest	aaaa	111111
guest	bbbb	111111
guest	cccc	111111
guest	dddd	111111

시스템 아키텍처

DB 구조도

화면 흐름도

API Address

https://www.notion.so/naiClover-API-9394d7d1d1564d92a78fe17d050ca4aa?pvs=4

주요 기능

• 회원가입 기능

• post CRUD 기능, 댓글, 좋아요 토글 기능

• post 검색 기능

• post순서를 follow한 유저를 기준으로 올리는 기능
• 1:1 채팅 기능

• 모노채팅 기능, korean, english로 언어 제한, 채팅 확인 인원 체크 기능

• 현재 참여하고 있는 인원 체크 기능

• 맞춤법 수정 기능과 수정된 로그들을 볼 수 있는 페이지

• 채팅 autoFetch기능

개발팀 소개

이름	담당	역할
김재현	프론트엔드	마이페이지, searchUser페이지, 채팅 프론트, footer, 채팅 페이지 자동 스크롤 로직
이시윤	프론트엔드	Post페이지, post작성, post삭제, 댓글추가, post 검색 기능
한우리	풀스택	팔로우 기능 백엔드, 알림 기능, sequelize 틀 구축, correcting page 프론트 백, ErrorLog페이지 프론트, 백엔드
윤정훈	풀스택	채팅 로직 구현, 모노챗 언어 제한 기능, 팔로잉, 팔로워 인원 로직 구현
선지훈	풀스택	회원가입 풀스택, 로그인 풀스택, 마이페이지 백엔드 구축, searchUser페이지 백엔드, post페이지 백엔드 구축, 개인챗, 모노챗 백엔드, 프론트 백 bug fix, 404, 500 등 오류페이지 프론트 페이지 백엔드 구축, 서버구축, 배포

프로젝트 소개

This project is for someone who wants to improve language skills. giving them to place to ask their question to native speaker, Users can solve their questions about language they are learining, and can learn other country's culture by interacting by using post page. Besides, Users can chat each other by using chat page, and can practice language by restricting other languages.

our website will give you those following component.

1. Language and culture posting page (in culture page, you can upload pictures)
2. Following feature that makes you watch followers post first
3. chatting feature with one people
4. chatting feature with many people

시작 가이드

REQUIREMENTS For building and running the application you need:

• Node.js 20.9.0 or lower

• npm 10.1.0

• Installation

$ git clone https://github.com/JHSasdf/NaiClover.git
$ cd naiClover
$ cd client
$ npm i
$ cd ../server
$ npm i

Stacks

Environment

Communication

FRONTEND

BACKEND

Config

Deploy

화면구성

메인페이지

로그인, 회원가입 페이지

1:1 채팅룸, 채팅방, monoChat 채팅룸, 채팅방

마이페이지, searchUser 페이지

추가 사항

ver.1.1

1. 뒤로가기 시 현재 접속중 인원 반영 안되던 버그 수정
2. 댓글로 Error Log 작성시 페이지 새로고침을 해야 반영되던 버그 수정
3. language post에서 댓글 삭제 안되던 버그 수정
4. 마이페이지 팔로우 한 사람 목록에서 상대방 이름이 아닌 내 이름 뜨던 버그 수정
5. 마이페이지 내 post에서 내 이름이 아닌 id가 뜨는 버그 수정

ver.1.2

1. app.ts 리팩토링
2. 프론트 편의성 개선

ver.1.3

1. 도메인 추가, https적용(비용문제로 닫음)

프로젝트 회고록 블로그 https://kimsunji.tistory.com/35