Skip to content

추천하고 싶은 장소나 추억을 떠올릴 수 있는 소중한 장소를 게임을 통해 공유할 수 있는 서비스, 어데고 🌎

Notifications You must be signed in to change notification settings

urdego/Urdego_Frontend

Repository files navigation

🗺️ 어데고?! - 위치 추적 게임 서비스

1new

✨ 멤버 소개

최효종 김혜수 김민정
PM, User-Service, Notification-Service 팀장, Game-Service Content-Service, User-Service

📅 프로젝트 진행 과정

1차 MVP 기간

  • 기획기간 : 2024.10.21 ~ 2024.11.18
  • 개발기간 : 2024.11.19 ~ 2024.12.09

2차 MVP 기간

  • 기획기간 : 2024.12.18 ~ 2024.12.23
  • 개발기간 : 2025.01.02 ~ 2025.03.14

🎯 기능 소개

2 3

4페이지 5페이지

6 7 8

9페이지 10페이지

🛠️ 기술 스택

Node.js Version

v20.15.0 (LTS version as of 2024.07.01)


역할 종류
Library React Next.js
Programming Language TypeScript
Styling Styled-Components
Data Fetching Axios Socket.io
State Management Zustand Framer Motion
3D Graphics Three.js React Three Fiber
Formatting ESLint Prettier
Package Manager Yarn
Version Control Git GitHub

🛠️ Architecture

🗂️ 프로젝트 폴더 구조

📁 폴더 구조 보기
Urdego_Frontend/
├── 📁 app/                          # Next.js App Router
│   ├── 📁 (auth)/                   # 인증 관련 페이지
│   │   └── 📁 login/                # 로그인 페이지
│   ├── 📁 (nav)/                    # 네비게이션 포함 페이지
│   │   ├── 📁 content/              # 컨텐츠 관련
│   │   │   └── 📁 register/         # 컨텐츠 등록
│   │   ├── 📁 home/                 # 홈 페이지
│   │   ├── 📁 myPage/               # 마이페이지
│   │   │   ├── 📁 accountCencellation/  # 계정 탈퇴
│   │   │   ├── 📁 nicknameChange/   # 닉네임 변경
│   │   │   ├── 📁 passwordChange/   # 비밀번호 변경
│   │   │   └── 📁 simpleLoginSetting/    # 간편 로그인 설정
│   │   └── 📁 rank/                 # 랭킹 페이지
│   ├── 📁 api/                      # API 라우트
│   │   ├── 📁 auth/                 # 인증 API
│   │   ├── 📁 character/            # 캐릭터 API
│   │   ├── 📁 content/              # 컨텐츠 API
│   │   ├── 📁 game/                 # 게임 API
│   │   ├── 📁 login/                # 로그인 API
│   │   ├── 📁 makeRoom/             # 방 생성 API
│   │   ├── 📁 nickname/             # 닉네임 API
│   │   ├── 📁 notification-service/ # 알림 서비스 API
│   │   ├── 📁 signup/               # 회원가입 API
│   │   ├── 📁 userInfo/             # 사용자 정보 API
│   │   ├── 📁 userSearch/           # 사용자 검색 API
│   │   └── 📁 waitingRoomList/      # 대기방 목록 API
│   ├── 📁 components/               # 앱 레벨 컴포넌트
│   ├── 📁 content/                  # 컨텐츠 페이지
│   ├── 📁 game/                     # 게임 관련 페이지
│   │   └── 📁 [roomId]/             # 게임방
│   │       ├── 📁 [round]/          # 게임 라운드
│   │       └── 📁 waitingRoom/      # 대기방
│   └── 📁 waitingRoomList/          # 대기방 목록 페이지
├── 📁 components/                   # 공통 컴포넌트
│   ├── 📁 Common/                   # 공통 UI 컴포넌트
│   │   ├── 📁 AlertModal/           # 알림 모달
│   │   ├── 📁 BottomSheet/          # 바텀시트
│   │   ├── 📁 Button/               # 버튼
│   │   ├── 📁 Input/                # 입력 필드
│   │   ├── 📁 LoadingSpinner/       # 로딩 스피너
│   │   ├── 📁 Lottie/               # 로티 애니메이션
│   │   ├── 📁 NavBar/               # 네비게이션 바
│   │   ├── 📁 SearchBar/            # 검색바
│   │   ├── 📁 Skeleton/             # 스켈레톤 UI
│   │   ├── 📁 Toast/                # 토스트 메시지
│   │   └── 📁 TopBar/               # 상단 바
│   └── 📁 Layout/                   # 레이아웃 컴포넌트
│       ├── 📁 AddContents/          # 컨텐츠 추가
│       ├── 📁 ContentRegister/      # 컨텐츠 등록
│       ├── 📁 Contents/             # 컨텐츠 목록
│       ├── 📁 Game/                 # 게임 관련
│       ├── 📁 Home/                 # 홈 관련
│       ├── 📁 InviteUser/           # 사용자 초대
│       ├── 📁 LocationRegister/     # 위치 등록
│       ├── 📁 Login/                # 로그인
│       ├── 📁 MakeRoom/             # 방 생성
│       ├── 📁 MyPage/               # 마이페이지
│       ├── 📁 TipModal/             # 팁 모달
│       └── 📁 WaitingRoom/          # 대기방
├── 📁 config/                       # 설정 파일
├── 📁 hooks/                        # 커스텀 훅
│   ├── 📁 bottomSheet/              # 바텀시트 훅
│   ├── 📁 character/                # 캐릭터 관련 훅
│   ├── 📁 contentRegister/          # 컨텐츠 등록 훅
│   ├── 📁 contents/                 # 컨텐츠 관련 훅
│   ├── 📁 inGame/                   # 게임 중 훅
│   ├── 📁 Loading/                  # 로딩 관련 훅
│   ├── 📁 modal/                    # 모달 관련 훅
│   ├── 📁 waitingRoomList/          # 대기방 목록 훅
│   └── 📁 websocket/                # 웹소켓 훅
├── 📁 lib/                          # 라이브러리 및 유틸리티
│   ├── 📁 auth/                     # 인증 관련
│   └── 📁 types/                    # TypeScript 타입 정의
├── 📁 public/                       # 정적 파일
│   ├── 📁 Character/                # 캐릭터 이미지
│   ├── 📁 Icon/                     # 아이콘
│   ├── 📁 music/                    # 음악 파일
│   ├── 📁 Screenshots/              # 스크린샷
│   └── 📁 Splash/                   # 스플래시 화면
├── 📁 stores/                       # 상태 관리 (Zustand)
├── 📁 stories/                      # Storybook 스토리
├── 📁 styles/                       # 스타일 관련
│   ├── 📁 color/                    # 색상 팔레트
│   ├── 📁 fonts/                    # 폰트 파일
│   ├── 📁 Icon/                     # 스타일 아이콘
│   ├── 📁 Image/                    # 이미지 파일
│   └── 📁 lottie/                   # 로티 파일
├── 📄 package.json                  # 프로젝트 의존성
├── 📄 next.config.mjs              # Next.js 설정
├── 📄 tsconfig.json                # TypeScript 설정
├── 📄 .eslintrc.json               # ESLint 설정
├── 📄 .prettierrc                  # Prettier 설정
└── 📄 README.md                    # 프로젝트 문서

🔧 기능 개선 문서

서비스 개선을 위해 진행된 주요 기능 개선사항을 정리한 문서입니다.
팀 내 회고를 바탕으로 실질적인 문제를 해결하고, 사용자 경험을 더 향상시키고자 시도한 과정을 담았습니다.

📄 기능 개선 문서 전체 보기 👉 바로가기

About

추천하고 싶은 장소나 추억을 떠올릴 수 있는 소중한 장소를 게임을 통해 공유할 수 있는 서비스, 어데고 🌎

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages