/DeveloperMaker

스토리를 기반으로 취업 역량을 학습해 나가는 취업 시뮬레이션 웹 서비스

Primary LanguageJavaScript

Developer Maker

목차

  1. 프로젝트 소개
  2. Project Period
  3. Contributors
  4. 사용 스택
  5. 프로젝트 산출물
  6. 상세 기능

프로젝트 소개

Developer Maker

프로그래머를 준비하는 입장에서 CS, 알고리즘, 코딩테스트 등은 모두 꾸준히 준비해야 할 필요가 있습니다.
그러다 보니 숙제와 같이 지겹게 느껴지고 잘하지 못하는 경우가 많습니다.

Developer Maker는 스토리 진행을 기반으로 주인공 캐릭터를 성장시켜 CS 학습, 코딩테스트, 면접 등
취업에 필요한 역량을 강화해 나가는 취업 시뮬레이션 게임입니다.
Gamification(게임화)를 적용하여 스토리를 통해 흥미를 높이고, 스토리를 진행하기 위해 필요한 학습을 진행하는 시스템으로
좀더 쉽고 재밌게 취업 역량을 강화할 수 있도록 도와주는 것을 목적으로 하는 서비스입니다.

다양한 등장인물을 기반으로 흥미있는 스토리를 진행할 수 있으며,
웹에서 제공하는 코딩테스트 환경과 AI 면접을 통해 다양한 방법으로 취업 과정을 제공합니다.
또한, 약 250개의 CS문제와 100개의 CS개념정리를 제공하여 역량을 강화할 수 있습니다.

Project Period

SSAFY 7기 2학기 자율 프로젝트 (우수프로젝트 수상🥈)
2022.10.11 ~ 2022.11.21

Contributors

팀원 역할 담당 깃헙
전현우 팀장, Frontend 유저관리, AI면접, 앨범 UI/UX 구현, UCC제작 https://github.com/soshot22
박정현 Frontend 인게임 로직, 시나리오 담당 https://github.com/kevin123488
박제학 Frontend 메인화면, 자율학습, 랭킹 UI/UX 구현 https://github.com/jehaak
남한솔 Backend API 설계 및 개발, 코딩 테스트, AI 면접 구현 https://github.com/hansol620915
손효재 Backend API 설계 및 개발, CI/CD환경 구축 https://github.com/hyojhand

사용 스택

용도 스택 버전
개발 언어 Open JDK 8
IDE IntelliJ 2021.3.2, VS Code 1.70.1
서버 설계 Spring Boot 2.7.3, Gradle 7.5
DB MySQL 8.0.30, Redis 7.0.4
Dev-Ops Docker 20.10.18, Jenkins 2.60.3
Server AWS EC2 Ubuntu 20.04 LTS
UI 개발 React 17.0.2, Redux 4.2.0, Node.js 16.15.1
형상관리
이슈관리

프로젝트 산출물

상세 기능

메인화면

  • 캐릭터 애니메이션과 함께 소셜로그인으로 로그인을 진행합니다.

스토리 모드

  • 스토리를 진행할 수 있습니다.

자율학습

  • 해당하는 과목 내용을 학습할 수 있습니다.

  • 퀴즈를 진행하여 관련 내용을 학습합니다.

  • 웹에서 직접 코딩테스트를 진행할 수 있습니다.

AI 면접

  • 사용자의 얼굴인식, 음성인식과 함께 준비된 면접 질문에 답변하여 AI 면접을 경험할 수 있습니다.

앨범

  • 특정 조건을 만족하면 보상으로 관련 앨범을 획득할 수 있습니다.

내정보

  • 내정보와 함께 진행한 스토리 상세내역을 확인할 수 있습니다.

랭킹

  • 학습한 퀴즈 진행도의 랭킹을 확인할 수 있습니다.