Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shuttle-cock/shuttle-cock_client
π μ¬λ΄ μ
νλ²μ€ μ€μκ° μμΉ μ 보 μ 곡 μλΉμ€
https://github.com/shuttle-cock/shuttle-cock_client
dayjs framer-motion react react-hook-form react-leaflet react-query storybook typescript vanilla-extract vite zustand
Last synced: about 20 hours ago
JSON representation
π μ¬λ΄ μ νλ²μ€ μ€μκ° μμΉ μ 보 μ 곡 μλΉμ€
- Host: GitHub
- URL: https://github.com/shuttle-cock/shuttle-cock_client
- Owner: shuttle-cock
- Created: 2024-07-18T08:27:50.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-10-07T05:58:09.000Z (5 months ago)
- Last Synced: 2025-02-04T04:32:57.524Z (17 days ago)
- Topics: dayjs, framer-motion, react, react-hook-form, react-leaflet, react-query, storybook, typescript, vanilla-extract, vite, zustand
- Language: TypeScript
- Homepage: https://bus.rsup.io
- Size: 11.6 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![]()
μ νμ½ - ShuttleCock
μ¬λ΄ μ νλ²μ€ μμΉ μ 보 νμΈ μλΉμ€

## β¨ Features
- μ€μκ° μ νλ²μ€ μμΉ μ 보 νμΈ
- μ νλ²μ€ μ΄μ μκ°ν νμΈ
- μ€μκ° λ§μλ²μ€ μμΉ μ 보 νμΈ
- μ¬μ©μ λ°μ΄ν° μ°λ
- κ²μν## π Getting Started
λ‘컬 νκ²½μμ μ±μ μ€ννλ λ°©λ²μ λλ€.
### β Prerequisites
ν΄λΉ μ±μ μ€ννκΈ° μν νμ 쑰건μ λλ€.
| | λ²μ | μ€λͺ |
| ------ | -------- | ------------------------------------------------------------------------------------------------------------------------- |
| nodejs | v20.15.1 | - 2024λ 7μ κΈ°μ€ LTS λ²μ .
- .nvmrcμ λ²μ λͺ μλμ΄μμ.
- μ΅μ΄ νλ‘μ νΈ ν΄λ‘ μ nvm use μ λ ₯νμ¬ λ²μ λ§μΆκΈ°. |
| pnpm | v9.6.0 | - ν¨ν€μ§ 맀λμ λ pnpm μΌλ‘ ν΅μΌ.
- package.jsonμ λ²μ λͺ μλμ΄μμ. |1. pnpm μ€μΉ
```shell
# pnpm μ€μΉ
npm install -g pnpm
```2. node setup
```shell
# .nvmrc κΈ°μ€ node version μ€μΉ
# nvmμ μ¬μ©νμ§ μλλ€λ©΄ μλμΌλ‘ λ Έλλ²μ μ λ§μΆ°μ£ΌμΈμ.
nvm use
```### π¦ Installation
1. νλ‘μ νΈ ν΄λ‘
```shell
git clone https://github.com/shuttle-cock/shuttle-cock_client
```2. νλ‘μ νΈ λλ ν λ¦¬λ‘ μ΄λ
```shell
cd shuttle-cock_client
```3. μ’ μμ± μ€μΉ
```shell
pnpm install
```4. κ°λ° μλ² μμ
```
pnpm dev
```## π§ Tech Stack
| λΌμ΄λΈλ¬λ¦¬ | Link | Description |
| --------------- | ---------------------------------------------------------------------- | ------------------------------------------ |
| dayjs | [https://day.js.org/](https://day.js.org/) | μλ°μ€ν¬λ¦½νΈ λ μ§ λΌμ΄λΈλ¬λ¦¬ |
| framer-motion | [https://www.framer.com/motion/](https://www.framer.com/motion/) | μ λλ©μ΄μ λΌμ΄λΈλ¬λ¦¬ |
| pnpm | [https://pnpm.io/ko/](https://pnpm.io/ko/) | ν¨ν€μ§ 맀λμ |
| react | [https://ko.legacy.reactjs.org/](https://ko.legacy.reactjs.org/) | UI μλ°μ€ν¬λ¦½νΈ λΌμ΄λΈλ¬λ¦¬ |
| react-hook-form | [https://www.react-hook-form.com/](https://www.react-hook-form.com/) | React νΌ λΌμ΄λΈλ¬λ¦¬ |
| react-leaflet | [https://react-leaflet.js.org/](https://react-leaflet.js.org/) | Leaflet μ§λλ₯Ό μν React μ»΄ν¬λνΈ |
| react-query | [https://tanstack.com/query/latest](https://tanstack.com/query/latest) | λ°μ΄ν° νμΉ λΌμ΄λΈλ¬λ¦¬ |
| storybook | [https://storybook.js.org/](https://storybook.js.org/) | UI κ°λ°, ν μ€νΈ λ° λ¬Έμν |
| typescript | [https://www.typescriptlang.org/](https://www.typescriptlang.org/) | μλ°μ€ν¬λ¦½νΈμ νμ μ΄ μλ μμ μΈμ΄ |
| vanilla-extract | [https://vanilla-extract.style/](https://vanilla-extract.style/) | λ°νμμ΄ μλ CSS-in-TypeScript νλ μμν¬ |
| vite | [https://ko.vitejs.dev/guide/](https://ko.vitejs.dev/guide/) | νλ‘ νΈμλ λ²λ€λ§ |
| zustand | [https://zustand-demo.pmnd.rs/](https://zustand-demo.pmnd.rs/) | μν κ΄λ¦¬ λΌμ΄λΈλ¬λ¦¬ |## βοΈ Environment Variables
νκ²½ λ³μλ₯Ό μ€μ νλ λ°©λ²μ λλ€.
```shell
# .env.example κΈ°μ€μΌλ‘ .env νμΌ μμ±
```