스쿠톤 7팀
Team Estrella, Estrella Service FrontEnd

Estrella Service

2024. 6. 29 ~ 2024. 06. 30

All about Estrella
웹으로 보기	공식 문서

---

서비스 소개

초기 화면 구성
홈 화면	검색

홈 화면: 사용자가 서비스에 입장하면 ‘카테고리’ 배너와 종류별 카테고리를 볼 수 있습니다. 하단에는 홈페이지, 검색, 카테고리, 퀴즈로 구성된 내비게이션 바가 존재합니다.

검색: 검색 아이콘을 눌러 칵테일을 찾아볼 수 있습니다. 검색 중에 원하는 킥테일이 검색어로 뜨게 되는데, 이때 원하는 항목을 눌러 칵테일로 이동할 수 있다.

초기 화면 구성
카테고리	퀴즈

카테고리: 카테고리 아이콘을 눌러, 전체 카테고리를 조회할 수 있습니다. 카테고리는 총 4 가지로 구성됩니다. 모든 칵테일은 카테고리에 종속되므로, 해당 카테고리에 종속된 매뉴얼 리스트를 볼 수 있습니다.

퀴즈: 퀴즈에서는 칵테일을 잘 몰라서 추천 받고싶은 사람들을 위한 퀴즈가 진행됩니다.

---

기술 스택

역할	프레임워크
프론트엔드	React	유저 인터페이스 개발
	Styled-Component	컴포넌트 디자인
	JavaScript	프론트엔드 주 언어
백엔드	Java17-Spring	백엔드 서버 프레임워크
	Spring Boot
	MySQL	메인 데이터베이스
	Swagger	API 문서

---

Database ERD

---

👩🏻‍💻 팀원 구성

Frontend		Backend
정희서	박지섭	안준영	김이화
@hs0333	@HarrySeop	@Junyeong-An	@ihwag719