Welcome to Boolean Avengers 👋

📖 Wiki

🖥 Demo Video

🕹️ Click and Play game!

개발자를 위한 OX 퀴즈 게임 서비스

끝까지 살아남는 자가 채용된다! 식상한 퀴즈게임과 지루한 개발 공부에 질리셨나요? 키보드로 직접 캐릭터를 조작해서 개발 상식 OX 퀴즈를 풀어보세요! Boolean Avengers는 다이내믹한 게임 요소와 개발 상식 퀴즈를 결합한 웹 시리어스 게임 서비스입니다.

Install & Run

• 😘Front-End

cd client
npm install
npm start

• 🏗Back-End

cd server
npm install
npm start

• 🐳By Docker-compose

docker-compose up

⛑Run tests

npm test

🏁 Challenge

웹에서 즐기는 다이내믹한 게임!

• 웹 환경에서 유저들이 여러 상호작용을 할 수 있는 게임 서비스를 제공합니다.
• 여러 유저들의 행동을 실시간으로 반영하면서, 유저들에게 동일한 UX를 제공합니다.
• 웹에서 보다 부드러운 애니메이션을 통해 매끄러운 게임 환경을 제공합니다.
• 유저들간의 상호작용을 유도하여, 다이내믹한 게임 요소들을 제공합니다.

📒 Tech Log

• 1주차 - 서비스 기획 + 개발 세팅 + 브랜치 전략
• 2주차 - 인프라 + 개발환경 설정(husky + ESLint)
• 3주차 - 캐릭터 애니메이션 + 실시간 움직임 표시
• 4주차 - 게임 예외상황 + socket test + 소켓 재연결 이슈
• 5주차 - 캐릭터 움직임 버그 + OAuth 로그인
• 6주차 - 사운드 + 도메인 + 엄격한 채팅 길이 검사 + 애니메이션 추가
• 7주차 - 리팩토링

🔧 Tech Stack

🗃 Project Folder

📁docker
📁mysql
📁script
📁client
├── 📁public
├── 📁src
│   ├── App
│   ├── 📁modules
│   ├── 📁constants
│   └── 📁components
│       ├── 📁Admin
│       ├── 📁Login
│       ├── 📁Lobby
│       └── 📁Room
│       └── 📁OAuth
📁server
├── App
├── 📁bin
│   └── www
├── 📁middlewares
├── 📁routes
│   └── 📁admin
├── 📁database
├── 📁controller
├── 📁models
├── 📁constants
├── 📁test
└── 📁util

🏗 Architecture

Server & Client

CI/CD

Socket event flow

Game Logic

Move

Game start to end

👨‍👩‍👦‍👦 Author

👤 boostcamp 2019-01

👸 김희선
🌟 함형규
🤐 서보현👨‍⚕️
💑 조영도

📝 Copyright

Character Image

Allowed use and edit only for non-commercial from Source

Sound

Allowed use only for non-commercial from Source

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

This README was generated with ❤️ by readme-md-generator