에듀링크는 혁신적인 교육 플랫폼입니다. 이 프로젝트는 shadcn/ui, Zod, 그리고 React Hook Form을 사용하여 개발되었습니다.

로컬 환경에서 프로젝트를 실행하기 위한 가이드입니다.

프로젝트를 실행하기 전에 아래의 도구들이 설치되어 있어야 합니다:

• Node.js
• npm 또는 yarn

1. 리포지토리를 클론합니다:

   git clone https://github.com/joeunparkdev/eduLink
   

2. 프로젝트 디렉토리로 이동합니다:

    cd edulink
   

3. 필요한 패키지를 설치합니다:

    npm install
    # 또는
    yarn install
   

4. 개발 서버를 시작합니다:

    npm start
    # 또는
    yarn start
   

• 로그인 및 회원가입: 사용자는 이메일과 비밀번호, 또는 구글 계정을 사용하여 로그인 및 회원가입을 할 수 있습니다.
• Firebase 인증: Firebase를 사용하여 사용자 인증을 관리합니다. 이를 통해 안전한 로그인 과정을 제공하며, 구글 로그인을 쉽게 통합할 수 있습니다.
• 입력 유효성 검사: Zod를 사용한 폼 입력값의 유효성을 검사합니다.
• 사용자 친화적인 UI: shadcn/ui 컴포넌트 라이브러리를 통해 사용자 친화적인 인터페이스를 제공합니다.
• 결제 페이지: 사용자가 제품을 선택하고, 결제를 진행할 수 있는 페이지입니다. 사용자는 주문 정보를 입력하고 결제 방법을 선택할 수 있습니다.

• 제품 선택: 사용자가 구매하고자 하는 제품의 이미지와 가격 정보를 확인할 수 있습니다.
• 가격 정보: 제품의 가격, 할인 전/후 가격을 표시합니다.
• 주문자 정보: 사용자는 자신의 이름과 이메일을 입력할 수 있습니다.
• 배송 정보: 사용자는 배송을 위한 주소 정보를 입력할 수 있습니다.
• 결제 정보: 사용자는 구매 수량을 선택하고, 할인 코드를 적용할 수 있습니다.
• 주문 요약: 선택한 제품의 총 가격과 함께 최종 결제 금액이 표시됩니다.
• 결제 실행: 결제 정보를 확인한 후, 사용자는 결제를 완료할 수 있는 버튼을 클릭하여 결제를 진행합니다.

• React
• shadcn/ui
• Zod
• React Hook Form
• Firebase
• Google Login