3D 자산거래 이커머스

💁🏻 프로젝트 소개

3D-Asset 자산거래 이커머스

⏰ 개발 기간

• 2023.06.08 ~ 2023. 06. 28

🔗 배포 사이트

현재 LoadError발생으로 수정중에 있습니다. 🦾 뉴로이드에셋 시연영상 보러가기 🦾

👥 팀원 소개

이로운(팀장)	이찬영(팀원)	송지윤(팀원)
@ronieo	@dokimion24	@jiyoon29
📍로그인 📍이메일 찾기 📍비밀번호 찾기 📍회원가입 📍마이페이지 📍내에셋	📍메인페이지 📍검색 📍카테고리 📍리뷰작성 📍별점 📍페이지네이션	📍글로벌레이아웃 📍장바구니 📍결제 📍결제완료 📍위시리스트
이로운 작업 내역	이찬영 작업 내역	송지윤 작업 내역

💻 개발 환경

🔧 스킬셋

📁 프로젝트 폴더 구조

Neuroid-asset-FE
├─ next.config.js
├─ package-lock.json
├─ package.json
├─ postcss.config.js
├─ public
│  └─ background
│  └─ icons
│  └─ img
│  └─ globalImages
├─ README.md
├─ src
│  ├─ api
│  │  └─ interface
│  │  └─ service
│  ├─ app
│  │  └─ cart
│  │  └─ categories
│  │  └─ login
│  │  └─ my-assets
│  │  └─ my-page
│  │  └─ payment
│  │  └─ signup
│  │  └─ wishlist
│  │  └─ layout.tsx
│  │  └─ loading.tsx
│  │  └─ page.tsx
│  ├─ components
│  │  └─ assetDetail
│  │  └─ assets
│  │  └─ cart
│  │  └─ category
│  │  └─ common
│  │  └─ login
│  │  └─ logout
│  │  └─ myAsset
│  │  └─ myPage
│  │  └─ payment
│  │  └─ signup
│  │  └─ wishlist
│  ├─ data
│  ├─ hooks
│  ├─ store
│  ├─ styles
│  │  └─ globals.css
│  └─ utils
├─ tailwind.config.js
├─ tsconfig.json
└─ yarn.lock

🖥 프로젝트 미리보기

로그인	회원가입
로그인 후 서비스 이용이 가능합니다.	이메일 인증 후 모든 입력폼에서 유효성검사를 진행 후 로그인 페이지로 렌더링 됩니다.

메인페이지	카테고리	에셋리뷰 및 별점
로그인 여부에 상관 없이 모든 에셋을 출력합니다.	카테고리에 따라 분류된 에셋을 출력하고, 더보기를 클릭 해 태그에 해당하는 에셋만 출력됩니다	에셋 클릭 시, 타 유저 리뷰를 볼 수 있고 구매한 에셋에 따라 리뷰 작성 가능합니다.

결제하기	결제완료
결제를 희망하는 에셋을 담고 결제수단을 선택해 결제가 가능합니다. 현재는 카카오페이만 가능합니다.	결제완료한 에셋을 리스트로 출력하고 결제 내역에 대한 정보를 보여줍니다. 완료페이지에서 메인페이지 또는 주문내역 페이지로 리랜더링 선택이 가능합니다.

내에셋	마이페이지
구매한 에셋을 다운받는 페이지 입니다. 전체다운로드 또는 체크 버튼을 사용해 선택 다운로드가 가능하고 확장자는 .fbx 또는 .zip입니다.	계정정보 또는 주문내역을 확인하는 페이지입니다. 계정정보에서 비밀번호 변경이 가능하고 주문상세내역을 확인할 수 있습니다.