Skip to content

Nemov-frontend/F10-team03-client

Repository files navigation

네모비


최근 환경 보호와 동물 복지에 대한 경각심이 커지면서 동물착취를 반대하는 비거니즘 열풍이 일고 있습니다. 가치를 구매하는 MZ세대 소비트렌드, 미닝아웃(Meaning Out) 트렌드가 자리잡으며 비건족이 늘어나고 있습니다.

유통업계에서는 이러한 트랜드에 발맞춰 늘어나는 비건족을 공략하는 다양한 비건 인증 제품을 연이어 출시해 그 인기를 실감할 수 있습니다. 특히 비건을 하는 사람들은 건강 뿐만 아니라 동물권과 환경을 생각합니다.

과거 사람들은 비건을 완전한 채식주의자 정도의 의미로 이해하고 사용했으나, 최근에는 먹을거리뿐만 아니라 ‘생활 전반에서 동물성 제품을 사용하지 않는 철학이자 삶의 방식을 실천하는 사람’이라는 조금 더 넓은 개념으로 이해하기 시작했습니다. 또한 비거니즘의 정의가 넓어지면서 비거니즘 유형 또한 다양해졌습니다.

우리는 이러한 변화에 맞게 비거니즘을 따르는 국내 소비자들이 자신의 일상에서 쉽게 비거니즘을 향유할 수 있도록 E-Commerce를 기획했습니다. 우리의 서비스는 같은 비거니즘 유형의 사람들이 어떤 상품을 구매하는지 확인하며 그 상품을 구매할 수 있고 구매한 상품에 대해 서로 공유하며 나와 같은 유형의 비건이 어떤 후기를 남겼는지 제공합니다.

비건을 시작하려는 여러분, 지금 바로 네모비와 함께하세요!

🔗 배포 주소


🌿 네모비 https://f10-team03-client.vercel.app/

🔧 기술 스택


Javascript Typescript React Nextjs Apollo Graphql Recoil Emotion ToastUI Docker GCP PWA

FrontEnd 팀원 역할


이세나


📧 lsenaa3838@gmail.com

🖥️ https://velog.io/@bie38

👾 https://github.com/lsenaa

  • 마이 페이지(주문/취소 내역, 장바구니, 찜한 상품, 포인트 내역, 상품 후기, 내 정보 변경, 비밀번호 변경)
  • 로그인 / 회원가입 페이지 (+ 아이디, 비밀번호 찾기)
  • PWA
  • FE git 관리

안범


📧 horang296@gmail.com

🖥️ https://www.notion.so/log-cf31550e7ee64682904bc11b2a09ed8a

👾 https://github.com/mibu119

  • 마켓 페이지(베스트/추천 아이템 조회, 마켓 리스트/상세 페이지 조회, 장바구니, 찜하기, 상품 후기 조회, 상품 문의 등록)
  • 공통 컴포넌트 제작
  • 배포
  • 노션 제작 및 관리
  • 회의록 작성

남예지


📧 applednajs@gmail.com

🖥️ https://velog.io/@namyeji

👾 https://github.com/namYeJi9q

  • 판매자 페이지(상품 등록/수정/삭제, 판매자 내역 조회)
  • 최근 본 상품
  • 반응형 디자인 제작
  • 서브베너 제작, 매거진 페이지 제작

설치 방법

Node.js는 신규 버전의 버그가 있을 수 있어 LTS 버전을 설치합니다.

yarn install

환경 변수

환경 변수는 PWA 설치 및 실행을 위하여 .env 라는 이름으로 파일을 생성하여 아래 내용을 기입해주세요.

NEXT_PUBLIC_FIREBASE_API_KEY=
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
NEXT_PUBLIC_FIREBASE_PROJECT_ID=
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
NEXT_PUBLIC_FIREBASE_APP_ID=
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=
NEXT_PUBLIC_FIREBASE_MESSAGING_VAPID_KEY=

웹 실행

// development
yarn dev

Swagger 접속 주소

환경변수에서 포트 부분을 변경할 경우 해당 포트를 기입해주세요.

http://localhost:3000/pages

📈 Flow Chart


Flowchart (1)


👩🏻‍💻 서비스 시연

랜딩 페이지


_________________-web (1)

메인 페이지


____________________________-web (1)

최근 본 상품


최근본상품시연-web

회원가입 페이지


판매자회원가입시연01-web

로그인 페이지


일반 회원

일반회원로그인시연

판매자 회원

판매자로그인시연-web

마켓 리스트 페이지


__________________________-web

마켓 상세 페이지


_______________________-web

찜하기, 장바구니 기능


찜하기기능시연-web 마켓메인장바구니담기-web

마이 페이지


마이페이지들어가기시연-web

구매 기능


장바구니결제시연-web

포인트 충전/환불 및 충전 내역 조회


포인트충전시연02-web 포인트내역조회시연-web 포인트환불시연-web

상품 문의 수정/삭제


문의수정:삭제-web

상품 리뷰 등록/수정/삭제


후기작성시연-web 후기수정:삭제시연-web

Releases

No releases published

Packages

No packages published

Languages