🌵 PlantLab (플랜트랩) 🌵

식물 관련 정보 공유 및 구매 웹사이트

🛠️ Tech Stacks 🛠️

(+ jsp, mybatis)

🛠️ Tool 🛠️

 

💚 Project Concept

내가 키우는 식물의 정보를 공유하고, 원하는 조건에 맞는 식물을 필터링하여 구매할 수 있는 커뮤니티형 스토어

• SNS 형식으로 디테일 정보 공유 및 소통
• 상황에 맞는 식물 쇼핑

 

💚 Project Goal

• 기본 기능 구현: 게시판, 쇼핑몰
• 기능 완성도 향상: 로그인, 게시판, 프로필, 결제, 댓글
• 학습한 내용을 복습하며 완성도 높은 웹사이트 제작

 

💚 주요 구현 내용

• 사용자 관리

  • 회원가입 및 로그인
    • 사용자 인증을 통해 개인화된 경험 제공.
  • 마이페이지
    • 게시판에 작성한 글 확인.
    • 그린톡(실시간 소통 공간) 글 확인.
    • 마이 쇼핑 목록 관리.

• 커뮤니티 기능 (게시판)

  • 다양한 게시판 구성
    • 정보 게시판: 유용한 정보 공유.
    • 잡담 게시판: 일상적인 소통.
    • 질문 게시판: 질문과 답변을 통한 정보 교환.
  • 게시글 작성 및 관리
    • 글쓰기 및 모달 창을 활용한 편리한 인터페이스.
    • 사진 및 동영상 첨부 기능.
    • 댓글 작성 및 좋아요 표시.
    • 게시글 북마크 기능.
    • 게시글 검색 기능.

• 쇼핑몰 기능

  • 스토어
    • 상품 등록, 제거.
    • 필터 기능을 통한 상품 검색 최적화.

💚 Task Flow (Login)

로그인 여부에 따라 접근 가능한 기능이 다릅니다.
로그인을 중점으로 한 기능 흐름을 아래와 같이 정리했습니다.

 

💚 IA (Information Architecture)

PlantLab 웹사이트의 전체적인 기능 및 구조를 아래 다이어그램으로 표현했습니다.

 

💚 UI Style Guide

개발 전, UI 스타일 가이드를 작성하여 반복적으로 사용 가능한 디자인 요소를 컴포넌트화했습니다.
이를 통해 일관된 디자인과 효율적인 개발이 가능했습니다.

 

💚 Members

• 정다은 : 공지게시판, 잡담 게시판, 질문 게시판
• 김화영 : 로그인, 메인페이지 , 공통 ui/ux 디자인,기획
• 반재형 : 마이페이지, 날씨 위젯
• 송주헌 : 그린톡
• 김시표 : 스토어

 

💚 작업 관리

TODO List를 작성하고, 각 항목의 중요도를 구분하여 효율적으로 작업을 관리할 수 있도록 했습니다.