Giter Site home page Giter Site logo

hunsang-you / coffeebrew Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 54.94 MB

SSAFY 특화(빅데이터) 프로젝트 사용자 맞춤 커피 원두 및 캡슐 추천 서비스

Dockerfile 0.03% JavaScript 0.43% HTML 0.28% CSS 0.33% TypeScript 50.75% Python 6.80% Jupyter Notebook 5.98% Java 35.40%

coffeebrew's Introduction

Coffeebrew

빅데이터 추천 시스템을 이용한 커피 원두 추천 사이트

🪔프로젝트 소개

📅진행 일정

23.02.20(월) ~ 23.04.07(금) (총 7주)

  • 기획 및 설계 : 02.20 ~ 03.10 (3주)
    • 기획 : 프로젝트 아이디어 논의, 주제 구체화, 기술 스택 선정
    • 설계 : 기능 요구 명세서 작성, ERD, 와이어프레임, 프로젝트 구조 설계, REST API 설계
  • 개발 : 03.10 ~ 03.31 (3주)
    • API 구현
    • 프로젝트 주요 기능 구현
    • 배포 및 인프라 구축
  • 테스트 및 유지보수 : 03.31 ~ 04.07 (1주)
    • 통합 테스트
    • 오류 수정
    • 산출물 정리

🤝팀 소개

🌈프론트엔드

이름 개발 내용
👨🏻‍💻 배상현 📧 React
정보 페이지, 푸터&네비바, 기본 틀 및 API, redux상태관리
👨🏻‍💻 유헌상 📧 React
원두 조회 페이지 및 프로필 디자인 및 키워드 검색 기능 구현,
👨🏻‍💻 이도겸 📧 React
아이디어 기획, 메인페이지, 소개페이지 디자인 및 구현

🛰벡엔드

이름 개발 내용
👨🏻‍💻 권동규 📧 팀장
Spring Boot REST API
Fast API, 추천알고리즘 설계
👨🏻‍💻 이동훈 📧 Spring Boot REST API
젠킨스와 도커를 활용한 CI/CD
사용자 관리 API, 캡슐, 원두 검색API, 캡슐, 원두 상세 조회 API, 설문작성API
👨🏻‍💻 한재욱 📧 Spring Boot REST API
젠킨스와 도커를 활용한 CI/CD
Social login, 리뷰 관련 API, 마이페이지 관련API

🏁목표

완성도 높은 !!!

🤔기획 의도

커피를 즐겨 마시지만, 본인의 커피(원두) 취향을 잘 모르는 일반 사용자들이 추천 시스템을 통해 다양한 커피를 접해보고 본인에게 맞는 커피를 찾아갈 수 있도록 도움을 주기

🎯서비스 대상

커피 취향을 잘모르는 사용자

🎨UI/UX

커피와 어울리는 감성적인 디자인

⚙Technical

📡프론트엔드

React, Redux, Typescript

📡벡엔드

Spring Rest API, FastAPI, 추천알고리즘(collaborative filtering, content based filtering)

🛠기술 스택

Architecture

  • 세부내역
    구분 기술스택 상세내용 버전
    공통 형상관리 GitLab -
      이슈관리 Jira -
      커뮤니케이션 Mattermost -
    FrontEnd HTML5
      CSS3
      JavaScript(ES6)
      styled-components Tailwind 2.2.0
      React React 18.2.0
        Redux 8.0.5
        Redux-Toolkit 1.9.2
      IDE Visual Studio Code 1.75.1
    BackEnd Java OpenJDK 11.0.15
      Build Gradle 7.6.1
      Spring Boot 2.7.9
        Security 5.6.1
      API Docs Swagger2 2.9.2
      DB Mysql 8.0.32
        Spring-Data-jpa 2.6.0
      IDE IntelliJ 22.3.1
    Server AWS EC2 Ubuntu 20.04
      배포 Docker 23.0.0
      배포 Docker-compose 23.0.0
        Jenkins 2.375.2
      WebServer Nginx 1.23.3

📬배포 방법


## 💼기획/설계

📑기능 요구 명세서

요구사항명세서.png

📑ERD

erd.png

🧩와이어프레임

피그마.PNG


🛰프로젝트 관리/운영

🛰프로젝트 디렉토리

🖼프론트엔드 📡백엔드
프론트디렉터리.PNG 백엔드디렉터리.PNG

📢Jira

![지라]


📱서비스 구현 내용

🕹주요 기능

메인페이지 - 커피추천

로그인.gif

메인페이지-추천-1.JPG

커피이야기

커피의역사.JPG

커피관련용어.PNG
지도로보는 커피


구경하기

캡슐,원두 구경하기


디테일 페이지-커피추천


원두 성향테스트

설문성향테스트.gif

마이페이지

마이페이지-분석.JPG

마이페이지-좋아요-1.JPG

마이페이지-리뷰.JPG

coffeebrew's People

Contributors

sanghyun0603 avatar dq-kwon avatar hunsang-you avatar hju9707 avatar git-kindman avatar dostiny avatar jaeukhan avatar

Watchers

 avatar

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.