Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
81 changes: 53 additions & 28 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,41 +1,66 @@
## 로컬 환경 실행 방법
1. **설치**
```bash
yarn install
```
## 프로젝트 소개 📝
### 이너써클 2기 o2o 프론트엔드
<img width="600" src="https://github.com/user-attachments/assets/7baa9665-0bb3-4f49-9a33-34be20e15f10" width=100px alt="logo"/>

2. **yarn 설정**
```bash
yarn unplug prettier-plugin-tailwindcss
yarn dlx @yarnpkg/sdks vscode
```
💡 yarn 설정 후 prettier 적용이 안될 시에 에디터를 껐다가 다시 킨다.(선택)
- 🚚 개발 기간 (2024.12.21 ~ 2025.03.08)
- 온라인 음식 주문 서비스 개발(서비스)

4. **실행**
```bash
yarn dev
```
## 프로젝트 목표 🎯
- 1순위 : 프로젝트를 완성하라!
- 2순위 : 프로젝트가 끝나고도 연락을 자유롭게 할만큼 친해지자. (친목, 정보공유)
- 3순위 : 계속해서 디벨롭 시킬 수 있는 프로젝트 & 환경 만들기.

## 구성원 👨‍👨‍👧‍👧
| `leader` [이영률](https://github.com/youngryul) | `sub-leader` [전수현](https://github.com/freechird2) | `member` [박용석](https://github.com/up456) | `member` [정연희](https://github.com/yeonhee7935) |
|--------|--------|--------|--------|
|<img src="https://avatars.githubusercontent.com/youngryul" width=100px alt="이영률"/> | <img src="https://avatars.githubusercontent.com/freechird2" width=100px alt="전수현"/> | <img src="https://avatars.githubusercontent.com/up456" width=100px alt="박용석"/> | <img src="https://avatars.githubusercontent.com/yeonhee7935" width=100px alt="정연희"/> |

## 사용 기술 🧑‍💻
![캡처2](https://github.com/user-attachments/assets/72c35bf1-a1c3-4a02-8776-7f11e827514b)

## ‼️ 최종 결과 🏆
![캡처](https://github.com/user-attachments/assets/8786409e-2789-4107-b92a-05809f592a38)


## 🎥 최종 발표 시연 영상
[개발의민족 프론트엔드팀](https://github.com/FC-InnerCircle-ICD2/O2O-FE) [@용석님](https://github.com/up456) 촬영

## 도커 환경 실행 방법
### 회원가입, 로그인, 로그아웃
https://github.com/user-attachments/assets/137cd217-b65d-4f04-ab3a-cd1a296e0833

1. **이미지 빌드**
아래 명령어를 실행하여 Docker 이미지를 빌드합니다.
### 찜기능
https://github.com/user-attachments/assets/4d7879b9-59f8-4ccc-a16f-88711260e2d8

```bash
./docker/build.sh
```
### 주소 관리
https://github.com/user-attachments/assets/05df5f53-052c-4a8a-a223-57dffc6f7456

2. **개발서버 실행**
아래 명령어를 실행하여 Docker 컨테이너를 실행합니다.
### 위치 기반 음식점 목록
https://github.com/user-attachments/assets/081863c7-3ca0-4fed-bc9b-ed9fab00bf38

```bash
./docker/run.sh
```
### 카테고리 & 정렬 기능
https://github.com/user-attachments/assets/937309a6-8391-4bc6-b74c-cb08f3dd17e1

3. 접속하기<br/>
브라우저에서 <a href="http://localhost:3000">http://localhost:3000</a> 접속
### 음식 주문 결제
https://github.com/user-attachments/assets/809ea727-fa4d-42f0-8fda-b768ec975c16

### 음식 주문 취소
https://github.com/user-attachments/assets/4b2c8142-5672-4b00-8a6a-bdb0a33ffb99

### 리뷰 관리
https://github.com/user-attachments/assets/2c2a6d71-b29b-4cd8-86e2-1d15db8fed9e

### 검색
https://github.com/user-attachments/assets/0c2e4e62-0b2e-46f6-b44c-fc0b1b97fb3c

### 공유하기
https://github.com/user-attachments/assets/53b970af-5ffd-4877-a01a-91db1af0f868

### (점주) 주문 & 대시보드
https://github.com/user-attachments/assets/1d2eafef-a88d-4dad-8dcb-459e63766132

### (점주) 주문 취소 & 주문 취소 내역
https://github.com/user-attachments/assets/2d5d0667-419c-4321-bda6-72c678fd50b6

### (점주) 리뷰 관리
https://github.com/user-attachments/assets/c3560136-0b18-40a3-8a6a-542fdee5089e