Code Monkey home page Code Monkey logo

omvl's Introduction

OMVL(오메가3 / 마그네슘 / 비타민(B,C,D) / 유산균)

건강에 대한 관심도가 높아지면서 매일 챙겨먹는 영양제에 대한 관심이 날로 증가하고 있는 점을 고려하여 사용자가 선택한 유형에 맞게 영양제들을 추천 및 구매에 도움을 주는 서비스입니다.

프로젝트 구성

project

프로젝트 목표

  • 객체지향 개념을 이해하고 이를 코드에 구현하기 위해 노력하였습니다.
  • 클린코드를 위한 꾸준한 코드 리팩토링을 진행 중입니다.
  • 협업 환경에 대한 이해를 위해 Git Branch 전략을 사용하였습니다.
  • 이유와 근거가 명확한 기술 사용을 지향합니다.
  • 실패 테스트를 통한 오류 발생을 최소화하려 노력하였습니다.
  • 반복적인 작업은 자동화하여 개발 효유을 높일 수 있도록 노력하였습니다.

사용 기술

  • Java 21
  • Spring Boot 3.2.3
  • MySQL
  • JUnit

협업도구

Git Branch

  • GitHub Flow 사용

상품 추천 메커니즘

영양제 소개

  • 오메가3 : 혈행개선(콜레스테롤 개선), 기억력 개선, 안구건조 개선, 염증 완화 등
  • 마그네슘 : 만성피로, 뼈 건강, 근육 이완 등
  • 비타민B : 피로회복, 스트레스 개선, 혈액순환 개선, 기억력 개선 등
  • 비타민C : 피로회복, 피부미용, 감기예방, 항산화 등
  • 비타민D : 고다공증 예방, 근력 향상, 면역력 증진, 심장질환 예방 등
  • 유산균 : 장건강, 피로회복, 면역력 증진, 비만억제 등

기본 조합(오메가3를 기본으로 3가지 조합)

  • 만성피로, 염증 : 오메가3 + 마그네슘 + 비타민B
  • 면역력 : 오메가3 + 유산균 + 비타민D
  • 만성피로, 염증, 면역력 : 오메가3 + 마그네슘 + 비타민B + 유산균 + 비타민D + 비타민C

화면 구상

기본화면

01_기본

  • 로그인 버튼 -> 로그인 화면
  • 회원가입 버튼 -> 회원가입 화면

회원가입

03_회원가입

  • 중복 조회 버튼 -> 아이디 중복 검사
  • 비밀번호와 비밀번호 확인 일치 여부 검사
  • 유형 선택 검사
  • 회원가입 버튼 -> 위의 3가지 검사를 통과해야 회원가입 성공 후 기본화면으로 이동

로그인

02_로그인

  • 로그인 버튼 -> 로그인 실패 -> 기본화면
           -> 로그인 성공 -> 추천창

회원정보 수정

04_회원정보 수정

  • 수정하기 버튼 -> 기본화면

추천창

회원가입시 선택한 유형에 맞춰 상품 추천 및 해당 상품 설명
05_추천창

  • 회원정보 수정 버튼 -> 회원정보 수정 화면
  • 로그아웃 버튼 -> 기본화면
  • 장바구니 버튼 -> 장바구니 화면
  • 주문내역 버튼 -> 주문내역 화면
  • 영양제 클릭 -> 상품창 화면

상품창

추천창에서 해당 상품 클릭시 해당하는 상품들 나열
06_상품창

상품 상세

07_상품 상세창

  • 장바구니 추가 버튼 -> 장바구니 화면
  • 주문하기 버튼 -> 주문하기 화면

장바구니

08_장바구니

  • 삭제 버튼 -> 해당 상품 삭제
  • 주문하기 버튼 -> 주문하기 화면

주문하기

09_주문하기

  • 배송지 조회 버튼 -> 주소 찾기 API 실행
  • 삭제 버튼 -> 해당 상품 삭제
  • 주문 버튼 -> 주문내역 화면

주문내역

10_주문내역

  • 메인창으로 돌아가기 버튼 -> 상품창

기능

고객

  • 회원가입
  • 로그인
  • 추천 상품 조회
  • 상품 상세 조회
  • 장바구니 조회
  • 상품 주문
  • 주문내역 조회

관리자(보류)

  • 회원관리
  • 상품 추천

개발 Phase

Phase 1

  • 회원가입
  • 로그인
  • 유형에 따른 추천

Phase 2

  • 장바구니
  • 구매

Phase 3

  • 유형 추가

omvl's People

Contributors

seok5182 avatar f-lab-kai avatar f-lab-bot avatar

Stargazers

KwonOo avatar  avatar  avatar

Watchers

 avatar  avatar

omvl's Issues

[FIX] 회원수정

기능 수정 내용

URL에 memberId를 붙여서 회원수정 페이지로 넘어갔었지만, 로그인 시 session에 member 데이터를 담기 때문에 URL에 memberId 제거

[FEAT] 주문내역 조회

추가된 기능

주문내역 조회

  • 유저는 날짜별로 정렬된 주문내역을 조회할 수 있다.

[FEAT] 상품 주문

추가된 기능

상품 주문

  • 유저는 배송지를 입력해야 주문을 할 수 있다.
  • 유저는 주문 진행할 상품 내역들을 확인할 수 있다.
  • 유저는 상품 내역에서 특정 상품을 제거할 수 있다.

PR에서 코드 스타일 검사

Github Actions를 이용해서, PR이 올라오면 자동으로 코드 스타일 검사(checkstyle)이 동작하도록 구성해주세요.

[FEAT] 상품 상세 조회

추가된 기능

상품 상세 조회

  • 유저는 특성 상품을 상세 조회할 수 있다.
  • 유저는 해당 상품의 설명을 볼 수 있다.
  • 유저는 해당 상품의 수량을 선택하여 장바구니에 담거나 주문을 진행할 수 있다.

[FEAT] 장바구니 조회

추가된 기능

장바구니 조회

  • 유저가 장바구니에 담은 물품을 보여준다.
  • 유저가 주문 진행한 상품은 장바구니 리스트에서 제외된다.
  • 유저는 장바구니 리스트에서 담았던 상품을 제거할 수 있다.
  • 유저는 장바구니 리스트를 한번에 주문할 수 있다.

[FEAT] 상품추천

추가된 기능

상품 추천

  • 유저가 로그인하면 상품추천이 진행된 페이지로 이동된다.
  • 상품 추천은 유저가 회원가입 시 선택한 유형에 따라 진행된다.

[FEAT] 회원가입

추가된 기능

회원가입

  • 아이디, 패스워드, 원하는 유형을 입력해서 회원가입을 할 수 있다.
  • 아이디는 중복검사를 진행한다.
  • 패스워드는 두 번 입력받아 일치여부를 검사한다.

[FEAT] 로그인

추가된 기능

로그인

  • 유저는 아이디, 패스워드를 입력하여 로그인을 할 수 있다.
  • 로그인하면 모든 페이지에서 로그인 상태가 유지된다.(30분)
  • 30분이 지나면 로그인 상태가 풀리며 기본화면으로 돌아간다.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.