Skip to content

modern-agile-team/8term-coko-Front

Repository files navigation

🐘 코코

8기 메인 프로젝트 코코(Coko) 프론트엔드 레포지토리입니다.

🧩 코코(Coko) 는 프로그래밍 언어(JavaScript)를
게임처럼 재밌고 몰입감 있게 배울 수 있도록 만든
8기 메인 프로젝트입니다.


👥 8기 팀원

🖥️ Front-end

구도윤 신현성
구도윤 (팀장) 신현성 (팀원)

🧠 Back-end

홍대경 이건우 전희나
홍대경 (회장) 이건우 (팀장) 전희나 (팀원)

🎨 Design

이채영
이채영 (팀장)

🌟 프로젝트 소개

코코(Coko)프로그래밍 언어를 게임처럼 가볍고 재밌게 학습할 수 있는 웹 서비스입니다.

🎮 프로그래밍 언어를 게임 깨듯이
가볍고도 재밌게 학습할 사이트를 만들자!

기존의 프로그래밍 학습 사이트가 재미없다는 문제의식에서 출발하여,
몰입감 있는 미션 기반 학습을 통해 개발자가 되는 여정을 즐겁게 만들어드립니다.


💡 이름의 유래 — 왜 코끼리일까?

🐘 “코끼리는 절대 잊지 않는다”

  • 탁월한 기억력을 지닌, 사고적이고 창의적이며 자애로운 생명체
  • 큰 데이터를 잘 기억하는 시스템의 상징
  • 학습 = 기억력과의 밀접한 연관

이처럼 기억에 오래 남는 학습을 지향하며,
코코(Coko)
코딩(Coding)코끼리(Kokkiri) 의 합성어로 탄생했습니다.
👉 코코와 함께 기억에 오래 남는 코딩 여정이 되길 바랍니다.


🎮 주요 기능

📘 학습 시스템

  • JavaScript 기반 언어 학습 (튜토리얼 포함)
  • 퀴즈 정답 검증

🎁 게임 요소

  • 퀘스트 시스템 (도전과제, 일일퀘스트, 출석체크)
  • 캐릭터 커스터마이징 (상점 아이템 구매)
  • 랭킹 시스템 (레벨, 정답 수, 포인트 기반)

👤 사용자 관리

  • 로그인, 마이페이지 (프로필)
  • 문의하기 기능

📱 기타

  • 반응형 UI (모바일 최적화)

🖼️ 주요 화면 (페이지)

소개 만든 사람들
소개 만든 사람들
학습 튜토리얼 퀴즈 튜토리얼
학습 튜토리얼 퀴즈 튜토리얼
학습 퀴즈
학습 퀴즈
퀘스트 랭킹
퀘스트 랭킹
프로필 상점
프로필 상점

🚀 기술 스택

Language & Tools

TypeScript
NodeJS

Framework & Library

React
React Router
Axios
@tanstack/react-query
Zustand
Styled-components

Build & Package Manager

Vite
Yarn

Cooperation & Code Quality

Git
GitHub
GitHub Actions
ESLint
Prettier

Communication

Notion
Discord
Figma
Jira


🔖 브랜치 전략

네이밍 규칙 설명
feature/#123/기능명 새로운 기능 개발

모든 브랜치는 GitHub PR을 통해 병합됩니다.


📌 커밋 메시지 컨벤션

git commit -m "✨ Feature(#123): 기능 추가"

Type Description
🌏 Deploy 배포 관련
⚙ Setting 개발 환경 설정
🐞 BugFix 버그 수정
💻 CrossBrowsing 브라우저 호환성
📃 Docs 문서 작성 및 수정
✨ Feature 기능 추가
📬 API API 통신
📝 Modify 기능, 코드 수정
🔨 Refactor 코드 리팩토링
🎨 Publish UI/디자인 작업

About

8기 메인 프로젝트 프론트엔드 레포지토리입니다

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages