/algobaro-fe

바로바로 알고리즘 알고바로

Primary LanguageTypeScriptMIT LicenseMIT

logo 알고바로 (AlgoBaro)




🔎 프로젝트 소개

알고바로 (AlgoBaro) 바로바로 함께 푸는 알고리즘 테스트

실제 코딩테스트 유사하게 시간 제한과 기본 레퍼런스만 제공되는 환경에서 코딩테스트를 다 같이 풀고, 여러 사람의 풀이 코드를 공유할 수 있는 서비스

프로젝트-소개_스크린샷-1 프로젝트-소개_스크린샷-2


✨ 핵심 기능

언어, 비밀방, 입장 가능, 제목 필터링을 통해 나에게 맞는 방을 탐색해요

실시간 채팅을 통해 팀원들과 의논하고 문제 풀이를 시작해 보세요

실제 시험 환경에서 문제를 풀이하고 테스트 케이스를 디버깅할 수 있어요

테스트 케이스 채점 결과를 확인하고 채점 결과를 공유해요

팀원들의 제출 코드를 확인하고 채팅을 통해 풀이 방법을 공유하며 학습할 수 있어요

프로필 페이지에서 제출했던 코드를 다시 확인할 수 있어요

다크모드, 라이트모드를 모두 지원해요


🛠️ 기술 스택


📦 폴더 구조

📦 src
|── 📂 components
├── 📂 constants
├── 📂 hooks
|   ├── 📂 api
|   └── 📂 chat
├── 📂 pages
├── 📂 routes
├── 📂 services
|   ├── 📂 Auth
|   ├── 📂 Member
|   ├── 📂 Message
|   ├── 📂 Problem
|   ├── 📂 ProblemSolve
|   ├── 📂 Room
|   └── 📂 Solve
├── 📂 store
├── 📂 styles
├── 📂 types
├── 📂 utils
├── App.tsx
└── main.tsx

👨‍👩‍👦‍👦 팀 소개

FE 팀원

박수현 배건호 신수영 조익준
박수현 배건호 신수영 조익준

BE 팀원

권효승 김남규
권효승 김남규

📜 팀 컨벤션


🎨 피그마


🚀 Getting Started

npm install --force
npm run dev

⚙️ 환경 변수 목록

VITE_BASE_API_URL=
VITE_BASE_SOCKET_URL=