소상공인들을 위한 e쿠폰 서비스 플랫폼 😋
주소 : https://smallgift.pages.dev
- 코로나19로 인한 사회적 거리두기가 지속되며 비대면 전자 상거래가 증가한 가운데 서민 경제의 근간을 형성하는 자영업이 위축되는 현상이 두드러지고 있다.
- 잇따라 프랜차이즈 또는 대기업이 아닌 소상공인들은 매출 감소로 경제적 어려움에 처해있다. 이에 대한 해결책으로 기존 E 쿠폰 서비스를 접하지 못하고 있는 소상공인들에게도 쉽게 E 쿠폰을 발행 및 인증을 할 수 있도록 서비스를 제공함으로써 신규 고객들의 이목을 끌고 재방문을 유도해낼 수 있는 매출 확대 수단을 만들고자 본 플랫폼을 고안하였다.
- (코로나19 영향으로 비대면 쇼핑과 선물하기가 늘어나면서 바코드 형식의 상품권인 E 쿠폰 서비스 시장이 확대되고 있다. E 쿠폰 거래액은 2019년 3조 3천135억에서 2021년 5조 9천534억 원으로 76.1% 증가하였다. E 쿠폰 시장은 대기업과 프랜차이즈로 주를 이루고 있다.)
- 코로나19 상황으로 인한 소상공인 매출 감소
- E 쿠폰 서비스 시장이 확대되고 있지만, 대기업의 높은 점유율로 인해 소상공인은 E 쿠폰 서비스에서 소외되는 경향이 있음
- 소상공인을 위한 E 쿠폰 통합 관리 플랫폼의 부재
- E 쿠폰 서비스를 통해서 소비자에게 편리함을 제공
- 기존 모바일 상품권 시장의 동태를 살펴보면, 카카오톡 선물하기, 기프티쇼, 기프티콘 등에서 발행하는 모바일 상품권과 달리 본 작품은 오로지 소상공인들만이 상품권을 판매하고 발행할 수 있다는 것이 큰 특징이다. 그리고 지역별 인기 상품권 순위, 식당의 위치, 영업시간 등 다양한 정보를 제공하여 편리성을 높였다.
- 사장님은 사업자
등록을 통해 자신의 가게를등록할 수 있다. - 상품을
등록할 수 있다 - 자신의
가게 매출을 확인할 수 있다 - 자신의
가게 상품을 관리할 수 있다.
카테고리별,지역구별,지역별로가게 검색이 가능하다- 지역별 인기있는
기프티콘을 볼 수 있다 지역 설정을통한가게 검색이 가능하다
- 원하는
가게의 메뉴를 다른 사용자들에게공유가 가능하다 - 가게의
원하는 메뉴를 다른 사람에게선물 및 찜이 가능하다.
- 메뉴를 구입한 후
쿠폰 번호를 통해기프티콘을 사용할 수 있다. - 음식
키워드를 통해가게 검색이 가능하다 마이페이지에서정보 수정이 가능하다최근 주문 내역,찜한 상품,취소/환불내역을 볼 수 있다.
📦src ┣ 📂api ┃ ┣ 📂oAuth ┃ ┃ ┗ 📜kakaoOAuth.js ┃ ┗ 📜setting.ts ┣ 📂assets ┃ ┗ 📂img ┃ ┃ ┣ 📜Alarm.png ┃ ┃ ┣ 📜Arrow.png ┃ ┃ ┣ 📜ArrowBlack.png ┃ ┃ ┣ 📜Back.png ┃ ┃ ┣ 📜banner.png ┃ ┃ ┣ 📜BusinessHours.png ┃ ┃ ┣ 📜Cafe.png ┃ ┃ ┣ 📜CafeImage.png ┃ ┃ ┣ 📜Cancel.png ┃ ┃ ┣ 📜Chinese.png ┃ ┃ ┣ 📜food.png ┃ ┃ ┣ 📜foodThumbnail.png ┃ ┃ ┣ 📜Italy.png ┃ ┃ ┣ 📜Japan.png ┃ ┃ ┣ 📜Kakao.png ┃ ┃ ┣ 📜kakao_oauth.png ┃ ┃ ┣ 📜Korea.png ┃ ┃ ┣ 📜Like.png ┃ ┃ ┣ 📜Loading.png ┃ ┃ ┣ 📜Locate.png ┃ ┃ ┣ 📜LocateWhite.png ┃ ┃ ┣ 📜Logo.png ┃ ┃ ┣ 📜Message.png ┃ ┃ ┣ 📜naver_oauth.png ┃ ┃ ┣ 📜NotData.png ┃ ┃ ┣ 📜pageError.png ┃ ┃ ┣ 📜PhoneNumber.png ┃ ┃ ┣ 📜RestaurantInfo.png ┃ ┃ ┣ 📜RestaurantMenu.png ┃ ┃ ┣ 📜SelectArrow.png ┃ ┃ ┣ 📜shadow.png ┃ ┃ ┣ 📜Share.png ┃ ┃ ┣ 📜Success.png ┃ ┃ ┣ 📜Top.png ┃ ┃ ┗ 📜Whole.png ┣ 📂components ┃ ┣ 📂Category ┃ ┃ ┣ 📜CategoryPageSection.tsx ┃ ┃ ┣ 📜CategoryRestaurant.tsx ┃ ┃ ┣ 📜data.ts ┃ ┃ ┣ 📜SelectedCategory.tsx ┃ ┃ ┣ 📜style.ts ┃ ┃ ┗ 📜types.ts ┃ ┣ 📂Common ┃ ┃ ┣ 📂BottomNav ┃ ┃ ┃ ┣ 📜BottomNav.tsx ┃ ┃ ┃ ┣ 📜data.ts ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂Footer ┃ ┃ ┃ ┣ 📜Footer.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂Header ┃ ┃ ┃ ┣ 📜Header.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┗ 📂ScrollTop ┃ ┃ ┃ ┗ 📜ScrollTop.tsx ┃ ┣ 📂KakaoAPI ┃ ┃ ┣ 📂KakaoAdress ┃ ┃ ┃ ┗ 📜KakaoAdress.tsx ┃ ┃ ┣ 📂KakaoMap ┃ ┃ ┃ ┗ 📜KakaoMap.tsx ┃ ┃ ┗ 📂KakaoShare ┃ ┃ ┃ ┣ 📜GifticonShare.tsx ┃ ┃ ┃ ┣ 📜ProductShare.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┣ 📂Main ┃ ┃ ┣ 📂MainPageCategory ┃ ┃ ┃ ┣ 📜datas.ts ┃ ┃ ┃ ┣ 📜MainPageCategory.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂MainPageGifticon ┃ ┃ ┃ ┣ 📜MainPageGifticon.tsx ┃ ┃ ┃ ┣ 📜style.ts ┃ ┃ ┃ ┗ 📜types.ts ┃ ┃ ┗ 📂MainPageRestaurant ┃ ┃ ┃ ┣ 📜MainPageRestaurant.tsx ┃ ┃ ┃ ┣ 📜style.ts ┃ ┃ ┃ ┗ 📜types.ts ┃ ┣ 📂Modal ┃ ┃ ┣ 📂AreaModal ┃ ┃ ┃ ┣ 📜AreaModal.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂CategoryModal ┃ ┃ ┃ ┣ 📜CategoryModal.tsx ┃ ┃ ┃ ┣ 📜style.ts ┃ ┃ ┃ ┗ 📜types.ts ┃ ┃ ┗ 📂Portal ┃ ┃ ┃ ┗ 📜Portal.tsx ┃ ┣ 📂MyPage ┃ ┃ ┣ 📂CancellationDetail ┃ ┃ ┃ ┣ 📜CancellationDetail.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂CancellationList ┃ ┃ ┃ ┣ 📜CancellationList.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂ChangeMemberInfo ┃ ┃ ┃ ┣ 📜ChangeMemberInfo.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂ChoiceProduct ┃ ┃ ┃ ┣ 📜ChoiceProduct.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂ChoiceProductList ┃ ┃ ┃ ┣ 📜ChoiceProductList.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂MemberInfo ┃ ┃ ┃ ┣ 📜MemberInfo.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂OrderList ┃ ┃ ┃ ┣ 📜OrderList.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂OrderListCoupon ┃ ┃ ┃ ┣ 📜OrderListCoupon.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┗ 📂RecentOrder ┃ ┃ ┃ ┣ 📜RecentOrder.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┣ 📂NotFound ┃ ┃ ┣ 📜NotFound.tsx ┃ ┃ ┗ 📜style.ts ┃ ┣ 📂Payment ┃ ┃ ┣ 📂PaymentCheck ┃ ┃ ┃ ┣ 📜PaymentCheck.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂ProductInfo ┃ ┃ ┃ ┣ 📜MenuType.ts ┃ ┃ ┃ ┣ 📜ProductInfo.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┗ 📂SenderInfo ┃ ┃ ┃ ┣ 📜SenderInfo.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┣ 📂Restaurant ┃ ┃ ┣ 📂RestaurantBestMenu ┃ ┃ ┃ ┣ 📜RestaurantBestMenu.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂RestaurantDetailInfo ┃ ┃ ┃ ┣ 📜RestaurantDetailInfo.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂RestaurantInfo ┃ ┃ ┃ ┣ 📜RestaurantInfo.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂RestaurantMenuInfo.tsx ┃ ┃ ┃ ┣ 📜RestaurantMenuInfo.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┣ 📂RestaurantSection ┃ ┃ ┃ ┣ 📜RestaurantSection.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┗ 📜types.ts ┃ ┣ 📂Search ┃ ┃ ┣ 📂SearchPage ┃ ┃ ┃ ┣ 📜PopularSearch.tsx ┃ ┃ ┃ ┣ 📜SearchPage.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┃ ┗ 📂SearchShopPage ┃ ┃ ┃ ┣ 📜RecommendActions.tsx ┃ ┃ ┃ ┣ 📜SearchShopPage.tsx ┃ ┃ ┃ ┗ 📜style.ts ┃ ┗ 📂SVG ┃ ┃ ┣ 📜AlarmSVG.tsx ┃ ┃ ┣ 📜BackSVG.tsx ┃ ┃ ┣ 📜LikeSVG.tsx ┃ ┃ ┗ 📜LoginSVG.tsx ┣ 📂constants ┃ ┣ 📜BottomNav.ts ┃ ┣ 📜Category.ts ┃ ┗ 📜selectList.ts ┣ 📂elements ┃ ┗ 📜Spinner.tsx ┣ 📂hooks ┃ ┗ 📜useDaumPost.tsx ┣ 📂pages ┃ ┣ 📂Login ┃ ┃ ┣ 📜Kakao.tsx ┃ ┃ ┗ 📜Login.tsx ┃ ┣ 📂MyPage ┃ ┃ ┣ 📜MyPage.tsx ┃ ┃ ┗ 📜style.ts ┃ ┣ 📂Payment ┃ ┃ ┣ 📜Payment.tsx ┃ ┃ ┗ 📜style.ts ┃ ┣ 📜Category.tsx ┃ ┣ 📜Main.tsx ┃ ┣ 📜Restaurant.tsx ┃ ┗ 📜Search.tsx ┣ 📂router ┃ ┣ 📜PrivateRoute.tsx ┃ ┗ 📜Routers.tsx ┣ 📂styles ┃ ┣ 📂constants ┃ ┃ ┣ 📜colors.ts ┃ ┃ ┗ 📜fonts.ts ┃ ┣ 📜GlobalStyle.tsx ┃ ┣ 📜styled.d.ts ┃ ┗ 📜theme.ts ┣ 📂utils ┃ ┣ 📜hookFormUtil.ts ┃ ┣ 📜isLogin.tsx ┃ ┣ 📜kakaoOAuthUtil.ts ┃ ┗ 📜throttle.tsx ┣ 📜App.tsx ┣ 📜index.css ┣ 📜index.tsx ┣ 📜react-app-env.d.ts ┗ 📜theme.ts