현대 사회에서 먹기도 전에 버려지는 음식물쓰레기 문제를 해결하자는 취지로 내 주변의 유통기한 임박 상품을 조회할 수 있는 서비스를 제작하였다. 백엔드 개발자와 협업하여 제작한 SPA 프로젝트.

작업 인원: 3명

작업 분야 및 비중: 프론트엔드 50%


프로젝트 표지 사진프로젝트 제목: 환경 보호와 쓰레기 처리 비용 절감을 위한 유통기한 임박 상품 조회/홍보 서비스, EAT ME
기획 과정
주제 선정
주제 선정 배경
벤치마킹
사용자 시나리오
사용자 시나리오
IA
프로젝트 IA
위치 기반 조회
Daum 우편번호 서비스를 이용하여 도로명주소와 지번주소를 검색하고,
주변 가맹점과 할인 제품을 보여줍니다.
위치기반 조회 기능
환경 보호 수치 제공
EAT ME에 등록된 총 상품 수량을 이용하여 환경 보호 수치를 계산합니다.
환경보호수치 페이지
간편한 제품 등록 및 상품 관리
판매자의 제품 등록 과정을 간소화하여 사용성을 개선했습니다.
판매자 페이지에서 ‘제품 등록’ 메뉴를 선택하면 이전에 저장했던 제품 목록에서 등록할 제품을 선택하거나, 직접 정보를 입력할 수 있습니다.
판매자 제품 등록 화면상품 정보 입력 화면제품 등록 화면상품 관리 화면
시연 영상


• 회원가입 및 로그인 기능

• 위치기반 내 주변 상품 및 매장 조회

• 매장 및 상품 찜하기 기능

• 환경보호수치 조회

• 마이페이지 - 개인정보 확인 및 변경

• 공지사항 확인

• 판매자 페이지 - 매장 정보 등록, 바코드 스캔 혹은 직접 입력으로 물품 등록, 판매 여부 확인

• 관리자 기능 - EAT ME 공지 관리


사용 기술 및 프로그램

Vue.js, Spring Boot, MyBatis, PostgreSQL, Git