🐻⚾ Doosan Baseball Diary

두산베어스 팬들을 위한 직관 일기장

직관의 감정을 기록으로 남기는 개인 사이드 프로젝트입니다.
경기장에서 느낀 순간들을 저장하고, 나중에 다시 꺼내볼 수 있도록 만든
두산베어스 팬들을 위한 '직관 일기장'입니다.

🖇️ 배포 URL
https://doosanbearsbaseballdiary.vercel.app/

📌 프로젝트 소개

2025년 8월, 두산베어스 팬으로서
“직관 다녀온 날의 감정과 명경기를 다시 보고 싶다”는 생각에서 시작한 프로젝트입니다.

• 오늘 본 경기의 스코어, 상대팀, 경기장, 승패 여부
• 내가 뽑은 오늘의 두산 MVP 선수
• 직관 당시의 기분을 적는 직관 일기
• 구장에서 먹은 음식 기록

이 모든 기록들을 저장하여
“두산베어스의 최강 10번 타자” 로서의 추억을 남기는 웹앱입니다.

📚 주요 기능

🏟 1. 홈(Home) – 직관 일기 목록

• 날짜순 정렬(오래된순/최신순)
• 승리/패배/전체 필터링
• 리스트 형태로 일기 보기
• 클릭 시 해당 기록 페이지로 이동

📘 2. 일기 보기(View Diary)

• 경기 정보(상대팀, 스코어, 승패)
• 오늘의 MVP 특징 표시
• 직관 일기 본문
• 오늘 먹은 음식 리스트

✏ 3. 새 일기(New Diary)

• 새 직관 기록 생성
• textarea 기반 감정 입력
• 경기장 / 팀 선택
• 스코어 입력
• 음식 목록 추가 기능
• MVP 선택 기능

🛠 4. 수정(Edit Diary)

• 기존 기록 수정 가능

🗂 5. 로컬스토리지 기반 영구 저장

• 새로고침해도 유지
• 브라우저 자동 저장

📁 프로젝트 구조

personal_project-react/
 ├── public/
 │    └── ... 이미지 파일 (favicon, og image 등)
 ├── src/
 │    ├── assets/        # 이미지 파일
 │    ├── components/    # 공통 UI 컴포넌트
 │    ├── pages/         # Home / Diary / Edit / New / NotFound
 │    ├── util/          # 날짜/팀 이미지/팀 색상 등 유틸 함수
 │    ├── main.jsx
 │    └── index.css
 ├── package.json
 ├── vite.config.js
 ├── README.md

📅 기간

2025.08 (1개월)
(현재도 지속적으로 기능 확장 및 리팩토링 예정)

🛠️ Tech Stack