project

Jeonggu.kim community

Description

This is a simple community web application where users can create, edit, view, and delete posts.
-> 이 프로젝트는 사용자가 게시글을 작성, 수정, 조회, 삭제할 수 있는 간단한 커뮤니티 웹 애플리케이션입니다.

Technologies Used

HTML, CSS, JavaScript, Express

Versions Overview

ver1: vanilla express json.

• Simple stack with vanilla JavaScript and Express.
• Data stored in JSON files.
  ver2 : react express mySQL
  
• MySQL used for database.
  🔗 FE Github
  🔗 BE Github

Features

• User Authentication: Register and Login functionality
  사용자 인증: 회원가입 및 로그인
• Board Management: Create, Edit, View, and Delete posts
  게시글 관리: 작성, 수정, 조회, 삭제
• Search Functionality: Search for posts by keywords
  검색 기능: 키워드를 통해 게시글 검색
• Header and Footer Integration: Consistent navigation across pages
  헤더/푸터: 일관된 페이지 네비게이션 제공

Project Structure

├─app
│ └─views
│ │ index.html
│ │ login.html
│ │ register.html
│ │
│ ├─board
│ │ board.html
│ │ boardAdd.html
│ │ boardEdit.html
│ │ boardInfo.html
│ │
│ └─user
│ userEdit.html
│
└─resources
├─css
│ │ login.css
│ │ register.css
│ │
│ ├─board
│ │ board.css
│ │ boardAdd.css
│ │ boardEdit.css
│ │ boardInfo.css
│ │
│ ├─common
│ │ common.css
│ │ footer.css
│ │ header.css
│ │
│ └─user
│ userEdit.css
│
├─images
│
└─js
│ login.js
│ userEdit.js
│
├─board
│ board.js
│ boardAdd.js
│ boardEdit.js
│ boardInfo.js
│
├─common
│ auth.js
│ common.js
│ footer.js
│ header.js
│
└─user
register.js
userEdit.js

Setup

1. Clone the project
   git clone https://github.com/your-repo/jeonggu-kim-community.git
   
2. Navigate to the project folder
   cd 2-jeonggu-kim-community-fe
   
3. Start the application
   node app.js
   
4. Access the application
   Open your browser and go to http://localhost:5555 to view the application.
   

Demo Video

Jeonggu.kim's BOARD_v.1

Jeonggu.kim's BOARD_v.2

Logs and Notes

🔗 Week 1~4 Notes
🔗2024-10-30
🔗2024-11-08
🔗2024-11-14
🔗2024-11-21