Skip to content
@First-Note-of-this-Year

First Note of this Year

🎵 올해의 첫 소리

새해 첫 곡을 친구에게 선물하고 LP판에 쪽지를 새기는 특별한 롤링페이퍼 서비스

80

81

82

83

84

85

86

87

88

89

90


👥 Team

진연우 권대근 윤혜성
진연우 권대근 윤혜성
Designer Frontend Developer Frontend Developer
김혜연 최민영 황지영
김혜연 최민영 황지영
Team Leader
& Backend Developer
Backend Developer Backend Developer

🚀 Getting Started

Prerequisites

  • Node.js >= 20.0.0
  • pnpm >= 8.0.0

Installation & Running

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

# Run Storybook
pnpm storybook

📁 Project Structure

src/
├── components/          # 재사용 가능한 UI 컴포넌트
│   ├── ui/             # 기본 UI 컴포넌트
│   └── common/         # 공통 컴포넌트
├── pages/              # 페이지 컴포넌트
│   ├── loginPage/      # 로그인 페이지
│   ├── joinPage/       # 회원가입 플로우
│   ├── letterPage/     # 편지 작성 플로우
│   ├── boardPage/      # LP 보드 페이지
│   └── userPage/       # 사용자 프로필
├── apis/               # API 관련 로직
├── hooks/              # 커스텀 훅
├── types/              # 타입 정의
├── utils/              # 유틸리티 함수
└── constants/          # 상수 정의

🛠 Tech Stack

역할 종류
Core React Vite
Programming Language TypeScript
Styling Tailwind CSS
State Management TanStack Query React Router
Development Tools Storybook Chromatic Vitest
Code Quality Biome ESLint
Package Manager pnpm
Version Control Git GitHub

Popular repositories Loading

  1. Frontend Frontend Public

    TypeScript 1

  2. Backend Backend Public

    Java

  3. .github .github Public

Repositories

Showing 3 of 3 repositories

Top languages

Loading…

Most used topics

Loading…