Anjolina Jelly FE

프로젝트 실행 방법

1. 의존성 설치

pnpm install

2. 개발 서버 실행

pnpm dev

---

주의사항

• 현재 이 프로젝트는 서버와의 연결이 전혀 없으며, 모든 데이터는 목데이터로만 동작합니다.

---

주요 사용 흐름

1. 첫 시작 시 /sign-in 페이지로 이동하는 것을 권장합니다.

   • 회원가입 버튼 또는 소셜 로그인 버튼을 통해 회원가입 페이지(또는 소셜 추가정보 입력 페이지)로 이동할 수 있습니다.
   • 정보를 입력한 뒤 버튼을 누르면 메인 페이지로 이동합니다.
   • 로그인 페이지에서 정보를 입력 후 로그인 버튼을 눌러도 메인 페이지로 이동합니다.

2. 메인 페이지

   • 상품을 클릭하면 상품 상세 페이지로 이동합니다.
   • 상품 상세 페이지에서 "장바구니 담기"를 누르면 다이얼로그가 뜨며, 계속 쇼핑할지 또는 페이지 이동할지 선택할 수 있습니다.
   • "바로 구매하기"를 누르면 바로 주문 페이지로 이동합니다.

3. 헤더의 사용자 아이콘

   • 클릭 시 드롭다운이 나타나며, "내 정보"를 선택하면 내 정보 페이지로 이동합니다.
   • 내 정보 페이지에서는 내 정보와 주문 내역을 확인할 수 있습니다.

4. 어드민

   • 어드민 페이지로 이동하기 위해서는 /admin url로 직접 입력해주어야합니다.
   • 어드민 페이지 디자인은 테마 변경에 대응이 아직 안되어, 좀 이상할 수 있습니다.

---

이 프로젝트는 Next.js 15, TypeScript, MUI를 기반으로 합니다.