Good-Tomato

Client자체 기획

RoleFull Stack

Duration진행 중

Teamhwanghj09(1인 개발)

Web Platform

RoleFull Stack

Year2025.06

Teamhwanghj09(1인 개발)

Project Brief

프로그래밍 언어의 기초를 체계적으로 다지는 학습 사이트.

ReactViteTypeScriptFirebase

Good-Tomato는 초보 개발자들이 프로그래밍 언어의 개념을 쉽게 배울 수 있도록 설계된 학습 플랫폼입니다. React와 Vite를 사용하여 빠르고 쾌적한 학습 UI를 구축했으며, Firebase를 통해 안정적인 호스팅 및 데이터 관리를 수행합니다.

학습자의 진행 상태를 실시간으로 저장하고, 다양한 코드 예제를 모바일 환경에서도 가독성 있게 보여주는 반응형 레이아웃 구현이 핵심이었습니다.

TypeScript를 도입하여 학습 로직의 안정성을 확보하고, Vite의 빠른 빌드 속도를 활용해 개발 효율을 높였습니다. Firebase Hosting 및 Firestore를 활용해 서버리스 아키텍처를 구현했습니다.

Firebase 기반 안정적인 배포 환경 구축

실제 학교 수행평가 대비로 사용

신규 학습자 친화적 커리큘럼 UI 적용