Skip to content

ANGAGU/ANGAGU-Store-App

Repository files navigation

About ANGANU App Store Frontend



캡처

AR기반 온라인 가구 오픈마켓 서비스

AR-based online furniture open market service


Table of Content



  1. 기능
  2. 시연
  3. 설치 방법
  4. 기술요소
  5. 디자인 패턴 (폴더)

1. Features



Customer

  • 회원가입/로그인
  • 상품검색
  • AR View
  • 상품결제/장바구니/주문내역
  • 구매후기
  • 상품문의
  • 배송지관리
  • 회원정보관리


2. Screenshots



  • 회원가입/로그인
    로그인 로그인 로그인

  • 상품검색
    상품검색 상품검색

  • AR View
    상품검색 더 자세히 보러가기 - Unity

  • 상품결제/장바구니/주문내역
    상품결제 상품결제

  • 구매후기
    구매후기

  • 상품문의
    구매후기

  • 배송지관리
    구매후기 구매후기

  • 회원정보관리
    구매후기



3. Setup



First, you should run ### `npm install`

Download the node_moudules used in project.

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm install

Install the package module required to run the app.
Installed modules are stored in the node_modules folder, not in the origin git project by .gitignore.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

react-native run-android

Runs the app in the android environment.\

react-native run-ios

Runs the app in the ios environment.\



4. Tech



name version
React Version 17.0.1
React-Native Version 0.64.0
styled-components Version ^5.2.3
@asmadsen/react-native-unity-view Version ^0.0.7
iamport-react-native Version ^1.6.3
react-test-renderer Version 17.0.1
Jest Version 26.6.3
Axios Version ^0.21.1

5. Design Pattern



path description
/unity/ AR 기능에 사용되는 Unity Project를 보관하는 경로입니다.
/app/index/ Router 기능을 담당하여, 화면을 연결해줍니다.
/app/api/ Axios 통신을 담당하여, Backend와 연결해줍니다.
/app/asset/ file 저장을 담당하여, image와 icon을 보관합니다.
/app/component/ component를 담당하여, 공용으로 사용되는 component를 작성합니다. (Header, Footer, Button, Text, Input)
/app/pages/ view page를 담당하여, 사용자에게 보여지는 화면들을 작성합니다.
/app/util/ common function을 담당하여, 화면 크기와 format과 같이 공용으로 사용되는 함수를 관리합니다.
/__tests__/ react native ui render test files

About

안가구 소비자용 앱

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •