커뮤니티 : The Hazel Grove

💁 Introduce

The Hazel Grove는 사용자가 게시글을 작성하고 댓글을 달며 소통할 수 있는 커뮤니티 웹 애플리케이션입니다.

📚 Stacks

🖥️ Frontend

⚙️ Backend

✨ Main features

📝 게시글 관리

• 게시글 작성, 수정, 삭제
• 게시글 상세 페이지: 좋아요, 댓글 확인, 조회수 집계

👤 유저 관리

• 회원가입 및 로그인
• 사용자 정보 수정
• 비밀번호 변경
• 회원 탈퇴

💬 댓글 관리

• 댓글 작성, 수정, 삭제

🚀 Starting Guide

⚙️ 의존성 설치

npm install

🖥️ 프론트엔드

node server.js

🛠️ 백엔드

node index.js

🔗 접속 링크

http://localhost:3000

📂 Short Directory

• api/: API 라우트
• data/: JSON 더미 데이터
• scripts/: 프론트엔드 JavaScript 로직
• style/: CSS 스타일
• utils/: 유틸리티 함수

📁 Directory

📁 api
   ├── auth-api.js
   ├── comments-api.js
   ├── posts-api.js
   └── user-api.js
📁 data
   ├── comments.json
   └── posts.json
📁 page
   ├── Log in.html
   ├── Posts.html
   ├── Sign in.html
   ├── data.html
   ├── edit password.html
   ├── edit post.html
   ├── edit profile.html
   ├── make post.html
   └── post.html
📁 scripts
   ├── Log in.js
   ├── Posts.js
   ├── Sign in.js
   ├── common.js
   ├── edit password.js
   ├── edit post.js
   ├── edit profile.js
   ├── infinityScroll.js
   ├── make post.js
   └── post.js
📁 style
   ├── Log in.css
   ├── Posts.css
   ├── Sign in.css
   ├── edit password.css
   ├── edit post.css
   ├── edit profile.css
   ├── make post.css
   ├── modal.css
   ├── post.css
   └── style.css
📁 utils
   ├── config.js
   ├── convertUtils.js
   ├── currentDate.js
   ├── imageUtils.js
   ├── markCheckUtils.js
   ├── modalUtils.js
   ├── redirectLogin.js
   ├── renderUtils.js
   ├── selectDomUtils.js
   └── validationUtils.js

✉️ Contributing

• 이슈 등록 : 버그 리포트나 새로운 아이디어는 Issue에 등록해주세요.
• https://github.com/100-hours-a-week/2-hazel--jo-community-issue