Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/prgrms-web-devcourse-final-project/web1_1_j1p5_fe

중고 거래 경매 서비스 "미어켓🦦"
https://github.com/prgrms-web-devcourse-final-project/web1_1_j1p5_fe

Last synced: 10 days ago
JSON representation

중고 거래 경매 서비스 "미어켓🦦"

Host: GitHub
URL: https://github.com/prgrms-web-devcourse-final-project/web1_1_j1p5_fe
Owner: prgrms-web-devcourse-final-project
Created: 2024-11-14T00:47:05.000Z (about 2 months ago)
Default Branch: develop
Last Pushed: 2024-12-24T12:32:37.000Z (12 days ago)
Last Synced: 2024-12-24T14:13:03.977Z (12 days ago)
Language: TypeScript
Homepage: https://meerket.vercel.app/
Size: 3.28 MB
Stars: 3
Watchers: 0
Forks: 1
Open Issues: 12
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # 🐱 meerket



![image](https://github.com/user-attachments/assets/b569f7f9-11bf-4808-b605-a586bdfaa226)

[![백엔드 레포지토리](https://img.shields.io/badge/백엔드_레포지토리_바로가기-ffffff?style=flat-square&color=777777)](https://github.com/prgrms-web-devcourse-final-project/WEB1_1_J1P5_BE)

[![배포링크](https://img.shields.io/badge/배포링크-ffffff?style=flat-square&color=000000)](https://meerket.vercel.app/)

[![스토리북](https://img.shields.io/badge/스토리북-ffffff?style=flat-square&logo=storybook&logoColor=ffffff&labelColor=FF4785&color=FF4785)](https://meerket-storybook.vercel.app/)

[![시연영상](https://img.shields.io/badge/시연영상-ffffff?style=flat-square&logo=youtube&logoColor=ffffff&labelColor=FF0000&color=FF0000)](https://www.youtube.com/watch?v=SZBPjolv118)



## 팀원 소개

### Front-end

|  |  |  | 

| :--: | :--: | :--: | 

| [안준우](https://github.com/JW-Ahn0) | [이예진](https://github.com/ppyom) | [노윤지](https://github.com/y0unj1NoH) | 

### Back-end

|  |  |  |

| :--: | :--: | :--: | 

| [정승주](https://github.com/Icecoff22) | [문성현](https://github.com/sunghyun0610) | [김예찬](https://github.com/macmorning0116) |  

## 개발 기간

- 기획: 2024.11.11 ~ 2024.11.15

- 개발: 2024.11.18 ~ 진행 중

## 프로젝트 소개

중고 물품 처분에 대해 고민하거나 제 값을 주고 팔기 어려운 물품이 있던 경험이 있으신가요? 

저희가 개발하려는 서비스는 중고 거래 경매 서비스입니다.

### 기획 배경

- **리커머스(리셀 커머스) 시장의 확대로 인한 중고 거래 시장의 호황기(25년 43조원 규모 추정)**

- **중고 물품 구매 시 선착순의 가치가 큰 것에 대한 불편함**

- **중고 물품 처분에 있어 물품에 대한 가치 판단의 애매함**

### -> 경매 시스템을 도입하여 이러한 불편함 해소

프로젝트 초기화

## 프로젝트 초기화

## 프로젝트 초기화

```shell

yarn create vite

```

## 스토리북 설치

```shell

# yarn 1 버전에서는 최신 버전에서 사용 가능한 dlx 명령어가 작동하지 않음 (yarn dlx storybook@latest init)

# npx 명령어를 사용해도 별도로 문제될 부분은 없기 때문에 npx 사용

npx storybook@latest init

```

## ESLint

> [우아한 기술 블로그 우리 팀을 위한 ESLint, Prettier 공유 컨피그 만들어보기](https://techblog.woowahan.com/15903/) 참고

- 위 링크에 작성된 eslint config 하나로 묶어서 사용할 수 있게 설정파일 작성

- eslint 버전(9.13.0)에서 `rushstack`을 사용할 수 없어 버전을 8.57.1로 변경

- package.json에 자동으로 작성된 storybook eslint 플러그인 config 파일로 이동

### 플러그인 설치

```shell

# eslint config를 변경하면서 사용하지 않는 패키지 제거

yarn remove globals @eslint/js typescript-eslint

yarn add --dev @rushstack/eslint-config eslint-plugin-jsx-a11y eslint-plugin-no-relative-import-paths eslint-plugin-react @tanstack/eslint-plugin-query

```

- @rushstack/eslint-config

- eslint-plugin-jsx-a11y

- eslint-plugin-no-relative-import-paths

- @tanstack/eslint-plugin-query

## 라이브러리

```shell

yarn add react-router-dom

yarn add zustand @tanstack/react-query @tanstack/react-query-devtools

yarn add @emotion/react @emotion/styled

yarn add swiper react-icons

yarn add lodash-es react-hook-form

```