https://github.com/codestates-seb/seb43_main_007

🌳 나만의 친환경 - 친환경 생활 실천을 공유하고 공감하는 우리들의 공간
https://github.com/codestates-seb/seb43_main_007

Last synced: 9 months ago
JSON representation

🌳 나만의 친환경 - 친환경 생활 실천을 공유하고 공감하는 우리들의 공간

• Host: GitHub
• URL: https://github.com/codestates-seb/seb43_main_007
• Owner: codestates-seb
• Created: 2023-04-28T01:27:10.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-09T09:52:00.000Z (almost 3 years ago)
• Last Synced: 2025-04-13T01:44:34.735Z (about 1 year ago)
• Language: TypeScript
• Homepage:
• Size: 31.8 MB
• Stars: 6
• Watchers: 2
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🍁 메인플스토리

### 나만의 친환경 커뮤니티

프로젝트명 : 나만의 친환경

프로젝트 소개 : 친환경 생활 실천을 공유하고 공감하는 우리들의 커뮤니티

프로젝트 기간 : 2023.05.01 - 2023.05.26

배포링크: http://ourecostory.s3-website.ap-northeast-2.amazonaws.com/

## 🧑‍🤝‍🧑 Team members

| 주효진
(FE Leader) | 이세영
(FE) | 김수현
(FE) | 천찬웅
(BE Leader) | 김윤지
(BE) | 이인건
(BE) |

|:--------:| :--------: | :--------: | :--------: | :--------: | :--------: |

| |  |  |  |  |  |

|[@HJNJu](https://github.com/HJNJu) | [@LEE2302](https://github.com/LEE2302) | [@kimsh322](https://github.com/kimsh322) | [@ccw7016](https://github.com/ccw7016) | [@jungdi3333](https://github.com/jungdi3333) | [@ingeon2](https://github.com/ingeon2) |

## 💻 Tech Stack

### 🌅 Front-end

          

### 🌄 Back-end

                  

### 🔐 Server

  

## ⚙ Project Architecture



## 🖥️ Demo

|회원가입|로그인|아이디/비밀번호 찾기|

| :---: | :---: | :---: |

||||

|<회원가입 페이지> 
 - 여러 정보들을 입력하고 회원가입 할 수 있다. 
 - 이미 가입되어 있는 이메일과 닉네임은 회원 가입이 불가능하다. 
- 각 입력창마다 유효성 검사가 존재한다. 
-가입 성공 시 로그인 화면으로 이동한다. 
|<로그인 페이지>
-이메일 주소, 비밀번호를 입력하여 로그인 할 수 있다. 
-Google Oauth 로그인 가능하다.
-로그인 성공 시 홈 화면으로 이동한다. 
 |<아이디/비밀번호 찾기> 
 - 회원가입할 때 입력한 주민등록번호로 자신의 아이디를 찾을 수 있다. 
 - 아이디와 회원가입할 때 입력한 비밀번호 찾기 질문/답변을 입력하면 임시비밀번호를 발급받을 수 있다.

|홈/나비게이션바|게시글 목록|게시글 상세|

||||

|<홈>
 - 관리자 채택글을 캐러셀 형태로 볼 수 있다. 캐러셀은 화살표 버튼으로 이동가능하다. 
 관리자 채택글에서는 게시글을 작성할 때 입력한 주소가 카카오맵으로 표시된다.
  <나비게이션바> 
 - 비로그인 시 로그인 버튼이 보이며 클릭 시 로그인 화면으로 이동한다. 
 - 로그인 시 로그인 버튼이 프로필로 변경되며 클릭 시 마이페이지로 이동한다. 
 - 서울의 미세먼지 상황을 알려주며, 좋음, 보통, 나쁨으로 나눠 이모티콘과 색상이 변경된다. 
 - 카테고리 클릭 시 해당 카테고리 게시글 목록 페이지로 이동한다. 
 - 현재 어떤 카테고리가 클릭되었는지 표시된다.|게시글 목록 
 - 카테고리별 게시글 목록을 나열한다. 
 - 게시글 클릭시 상세페이지로 이동한다. 
 - 게시글 좋아요와 북마크를 클릭시 색상이 변한다. 
 - 페이지네이션으로 페이지 이동이 가능하다. 
 - 검색을 제목,내용,태그로 검색이 가능하다. 
 - 글쓰기 클릭시 글쓰기 생성페이지로 이동한다.|<게시글 내용> 
 - 게시글 제목, 작성자 프로필 사진 및 닉네임, 작성 날짜, 총 좋아요 개수와 댓글 개수, 주소, 내용, 사진, 태그, 댓글 대댓글을 보여준다. 
  - 일반 유저의 경우 좋아요와 북마크 버튼, 관리자의 경우 채택과 고정 버튼이 보인다. 
 - 작성자의 경우 수정 및 삭제 버튼이 보인다. 
  <댓글 및 대댓글> 
 - 입력창에는 300자 초과 시 더이상 입력되지 않으며 등록 버튼을 누르면 댓글이 생성된다. 
 - 댓글에는 댓글 추가 버튼이 있으며, 클릭 시 해당 댓글 아래로 대댓글 입력창이 뜬다. 
  - 작성자의 경우 댓글 수정 및 삭제 버튼이 보인다. 
 |

|게시글 작성|게시글 수정|채택 게시글 수정|

|||

|게시글 작성 
 - 커뮤니티, 제목, 주소, 태그, 본문을 작성할 수 있다. 
 - text에디터를 사용하여 글 스타일과 이미지를 첨부할 수 있다. 
 - 등록 클릭시 유효성 검사를 하여 통과하면 글 작성이 완료된다.| - 기존 작성된 카테고리, 게시글 제목, 주소, 태그, 내용, 사진 정보가 넘어온다. 
 - 수정 버튼 클릭 시 수정된 게시글 페이지로 이동한다. 
 | - 기존 작성된 카테고리, 게시글 제목, 주소, 태그, 내용, 사진 정보가 넘어온다. 
 - 채택 버튼 클릭 시 홈으로 이동되며 해당 게시글에는 채택 마크가 붙는다. 
 |

|회원정보수정|북마크|내가 쓴 글|

||||

|<닉네임 변경> 
 - 닉네임 유효성 검사 통과 시 저장 버튼이 활성화된다. 
 - 닉네임 중복 시 변경 실패 알림이 뜬다. 
 <프로필 사진 변경> 
 - JPG, PNG 1MB 미만 파일 업로드 시 프로필 사진이 변경된다 
 - 삭제 버튼 클릭 시 기본 프로필 사진으로 변경된다. 
  <비밀번호 변경> 
 - 새로운 비밀번호 유효성 검사 및 재입력이 일치할 경우 변경버튼이 활성화된다. 
 - 현재 비밀번호가 일치하지 않을 시 변경 실패 알림이 뜬다. 
  <계정 삭제> 
 - 계정 삭제 버튼 클릭 시 모달창이 뜬다. 
 - 모달창 내 계정삭제 버튼 클릭 시 계정이 삭제 되고 홈화면으로 이동한다. |<북마크> 
 -내가 북마크한 게시글을 카드형태로 볼 수 있다. 
 - 카드를 클릭하면 해당 게시글로 이동한다.
 |내가 쓴 글 
 - 내가 쓴 글과 내가 쓴 댓글 목록이 나열된다. 
 - 제목과 댓글을 클릭시 본인이 작성한 상세페이지로 이동한다.




## 🔖 Project Docs

### 사용자 요구사항 정의서



### 화면 정의서



### User Flow



### DB Diagram

![1](https://file.notion.so/f/s/56e2471d-e157-4ff4-a6ee-f4418813e5a9/Untitled.png?id=31ebcd13-6787-4d55-864e-324cbd1e6a86&table=block&spaceId=82d63a72-8254-4cde-bf1e-b2597b7c099c&expirationTimestamp=1685090580515&signature=aQoMgJ0VL3RhSpK3vYzAAM1MCA0plep2QcEVJYNdiUU&downloadName=Untitled.png)

### API 명세서



## 🔗 Github Rule

### Commit Convention

|  Message   | 설명                                                  |

| :--------: | :---------------------------------------------------- |

| `feat` | 새로운 기능 추가 |

| `fix` | 버그 수정 |

| `init` | 브랜치 초기화 및 초기 세팅 관련된 설정 |

| `refactor` | 코드 리팩토링 |

| `design` | CSS 등 사용자 UI 변경 |

| `remove` | 사용하지 않는 파일 또는 폴더 삭제 |

| `rename` | 파일 또는 폴더명 수정 |

| `test` | 테스트 코드, 리펙토링 테스트 코드 추가 |

| `release` | main 배포 전 release 커밋 |