/softee5-hyundaittakdae-FE

현대 딱대팀 FE repository입니다.

Primary LanguageHTML

장단점 키워드 위주 휴게소 모아보기 서비스, 휴게소를 부탁해!

image

소프티5 위밍업 프로젝트, 현대 딱대! 팀의 휴게소를 부탁해! 입니다. 우리의 서비스는 운전이 즐거워지는 휴게소 경험을 제공해드립니다.



🤩우리의 서비스를 구경하고 싶어요!!🤩

휴게소를 부탁해 시연 영상

위 URL로 접속하시면 우리의 서비스가 무엇인지 구경하실 수 있어요🤩🤩



🤔 현재 사회는 어떤 상황일까요?? 🤔

image

휴게소를 가실 때, 혹시 어떠한 이유 때문에 골라 방문하신 적이 있나요??🚗🚗
2535 대상 자체 설문조사의 결과로 62%의 2535 세대 고속도로 이용자들은 가는 길의 여러 휴게소 중, 마음에 드는 곳을 골라 방문하고 있어요!!



image

여러분들은 방문할 휴게소를 결정할 수단이 현재 있나요??
왜 사람들은 여러 휴게소에 대한 정보를 얻고 이를 통해 본인이 갈 휴게소를 결정하지 못하는 걸까요??



🧐 이 상황에 문제는 무엇일까요?? 🧐

image

기존 서비스로는 휴게소 간 비교가 어렵기 때문이에요😵‍💫😵‍💫

  1. 기존 서비스는 경로의 가까운 휴게소를 모아 볼 수 없어요!!
  2. 기존 서비스는 휴게소의 어떤 점이 좋고, 나쁜지 장단점이 명확하게 드러나지 않아요!!

즉, 이를 해결하기 위해서는 여러 가까운 휴게소를 비교할 수 있도록 도와줘야 해요!!



🧐 우리 생각한 해결방안은 이래요!! 🧐

image



경로의 가까운 휴게소를 한 화면에 모아 보여 주고, 휴게소를 장단점 키워드를 강조한다면 어떨까?



👏 우리의 서비스를 소개할게요!! 👏

우리 서비스의 핵심 기능은 무엇일까요??

1. 눈에 확 띄는 장점 키워드로 휴게소 파악을 쉽게 하고, 키워드순 보기로 가고 싶은 휴게소를 모아서 확인해요!!

image

2. 휴게소의 아쉬운 점과 세부항목 별점으로 휴게소를 더욱 상세히 이해해요!!

image



우리 서비스의 서비스 기능은 무엇일까요??

1. 이번 휴게소가 아쉬웠다면? 방문할 새로운 휴게소를 추천받을 수 있어요!!

image

후기 등록시에 평가 항목 중, 이용자가 가장 아쉬워했던 항목에 대해 가까운 대안 휴게소를 추천 받을 수 있어요.

2. 인기메뉴 탭과 메뉴별 별점으로 어떤 메뉴를 먹을지 쉽게 결정할 수 있어요!!

image

1. 인기메뉴 탭 추천

전체 메뉴 중 별점이 가장 높은 인기 메뉴를 별도 탭에서 확인하고, 휴게소의 가장 맛있는 음식을 즐기실 수 있어요.

2. 메뉴별 별점

식당 메뉴를 별점순으로 조회해, 메뉴가 만족스러울지 예측할 수 있어요.



우리 서비스의 Sevice Flow 는 다음과 같아요!!

image



💻 우리의 서비스는 어떻게 개발되었을까요?? 💻

✍ 우리 서비스의 Design Concept는 다음과 같습니다. ✍

image

시스템 아키텍처는 다음과 같아요!!

image

개발 스택은 이것을 사용했어요!!

FE

  • HTML
  • CSS
  • JavaScript (Vanilla JS)
  • Vite
  • axios
  • GoogleMap API

BE

  • Java 17
  • Spring Boot 3.2.1
  • Gradle 8.5
  • Spring Data JPA
  • H2 Database 2.2.224
  • RESTful API
  • Swagger (Springdoc 2.0.2)
  • AWS EC2
  • AWS S3



🤗 우리의 팀원들을 소개할게요 🤗

image