Skip to content

Commit

Permalink
Update frontend README.md
Browse files Browse the repository at this point in the history
1. npm 설치 및 실행방법 
2. 예시 이미지 업로드
  • Loading branch information
Roel4990 authored Apr 1, 2024
1 parent 8f14c34 commit 2c0ba1e
Showing 1 changed file with 24 additions and 4 deletions.
28 changes: 24 additions & 4 deletions frontend/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,11 @@


### 실행 방법
#### 1 Node & Npm
#### 1. Node & Npm
해당 프로젝트는 **Node****Npm**을 사용합니다. 먼저 설치해주세요.
Node & Npm 설치: https://joyfulhome.tistory.com/180
#### 2 패키지 설치: 프로젝트 폴더 위치에서 해당 명령어 실행
#### 2. 패키지 설치
프로젝트 폴더 위치에서 해당 명령어 실행
```
> npm install
```
Expand All @@ -14,5 +15,24 @@ Node & Npm 설치: https://joyfulhome.tistory.com/180
```
> npm start
```
#### 4 서버 접속
메인화면: http://localhost:3000/
#### 4. 서버 접속
메인화면: http://localhost:3000/

#### 5. 페이지
##### 5.1 통계자료 확인

<img width="100%" alt="스크린샷 2024-03-30 오후 1 40 35" src="https://github.com/kookmin-sw/capstone-2024-24/assets/93641814/fdbbab52-26af-4a28-a227-51f54807c566">

##### 5.2 매장 관리하기

<img width="100%" alt="스크린샷 2024-03-30 오후 1 41 17" src="https://github.com/kookmin-sw/capstone-2024-24/assets/93641814/ccc28119-02b2-4021-a43b-02268d1aa6d5">

##### 5.3 메뉴 관리하기

<img width="100%" alt="스크린샷 2024-03-30 오후 1 47 43" src="https://github.com/kookmin-sw/capstone-2024-24/assets/93641814/053b42b9-4ebb-49fa-90c6-9aef80e1bd23">

##### 5.4 주미 학습하기

<img width="100%" alt="스크린샷 2024-03-30 오후 1 42 59" src="https://github.com/kookmin-sw/capstone-2024-24/assets/93641814/a0cd088c-8d5d-4cbf-8fa5-0b3c4806cedd">


0 comments on commit 2c0ba1e

Please sign in to comment.