🌱 학습 회고 플랫폼 - Reflog

프로젝트 소개

기존의 회고 작성 방식의 불편함을 개선하여, 사용자에게 체계적인 학습 회고 서비스를 제공합니다. 사용자가 학습 회고를 작성하고, 객관적으로 학습 현황을 파악하며, 개선된 학습 전략을 수립할 수 있도록 돕습니다.

주요 기능

• 회고 일지: 템플릿 기반의 회고 작성으로 피로도를 낮추고 효율적인 회고를 돕습니다.
• 학습 플랜: 회고를 바탕으로 학습 계획 및 목표를 설정하고 관리할 수 있습니다.
• 분석 보고서: 회고 일지를 기반으로 키워드 분석과 학습 현황을 시각화하여 제공합니다.
• 커뮤니티: 다른 사용자들과 회고 내용을 공유하고 피드백을 주고받을 수 있습니다.

특징

• 회고 작성부터 실천까지 전 과정을 지원
• 직관적인 UI/UX로 사용자 편의성 극대화
• 객관적인 학습 현황 분석 제공
• 미션과 배지를 통한 지속적인 동기부여

기술 스택

Frontend

• React
• HTML5
• CSS3
• JavaScript
• Vercel

Design

• Figma
• Pretendard Font
• Sacramento Font

Tools & Management

• Git
• GitHub
• Docker

시스템 아키텍처

화면 구성

메인 기능

1. 회고 일지

   • 템플릿 기반 회고 작성
   • 학습 유형별 필터링
   • 임시저장 기능

2. 학습 플랜

   • 캘린더 일정 관리
   • 투두리스트
   • 학습 다짐 설정

3. 분석 보고서

   • 주간/월간 리포트
   • 학습 수행도 분석
   • 키워드 분석

4. 커뮤니티

   • 회고 공유 게시판
   • 실시간 인기글
   • 좋아요/댓글 기능

프로젝트 실행 방법

# 저장소 클론
git clone https://github.com/your-repo/reflog-frontend.git

# 패키지 설치
npm install

# 개발 서버 실행
npm start