Skip to content

UMC-CARDIFY/Client-V1

Repository files navigation

CARDIFY

🔗 서비스 링크 : https://cardify.co.kr/

image

프로젝트 소개

CARDIFY는 전통적인 플래시 카드 학습법의 불편함과 한계점을 극복하고 학습 성과를 극대화 하기 위해 만들어진 서비스이다.

플래시 카드 학습법은 많은 양의 지식을 효율적으로 습득하는 데 매우 유용하지만, 정보를 일일이 기입하고 카드를 물리적으로 보관하는 데 불편함이 따른다. 그 해답을 이러닝(E-Learning)에서 찾았고 서비스를 기획했다.

cardify.mp4



프로젝트 개발 기간

24.7.10 ~ 24.8.23

주요 기능 및 특징

✔️ 대시보드 페이지

가장 최근 열람한 노트를 보여주고, 지난주와 이번 주에 학습한 카드 개수를 막대그래프로 비교한다. 또한 캘린더에서 날짜를 클릭하면 해당 일에 학습해야 하는 플래시 카드를 보여준다.

image

✔️ 아카이브 페이지

전체 폴더와 노트, 특정 폴더 내의 노트를 모두 볼 수 있다. 또한, 정렬과 필터링 및 즐겨찾기 기능을 통해 원하는 폴더와 노트를 쉽게 찾고 순서를 변경할 수 있다. 폴더 및 노트를 추가, 삭제하고 폴더 수정을 기능을 통해 간편하게 관리할 수 있다.

image

✔️ 플래시카드 페이지

플래시카드의 학습 상태와 필터링, 정렬 옵션을 관리할 수 있는 기능을 제공한다. 플래시카드를 학습 전, 학습 중, 영구 보관 상태로 구분하고, 학습 통계와 분석 학습 기록을 확인하거나 학습 진행을 위한 분석 학습 및 일반 학습을 수행할 수 있다.

image

✔️ 자료실 페이지

다른 유저가 공유한 노트와 플래시카드를 검색할 수 있으며, 여러 카테고리를 선택하여 원하는 카테고리별로 검색이 가능하다. 현재 가장 인기 있는 카테고리와 노트를 추천해준다. 검색 시 정렬 기능을 통해 노트를 쉽게 찾을 수 있다.

image

✔️ 노트에디터 페이지

트리 구조로 간편하게 지식을 기록하고, 정리할 수 있다. 마크다운 문법을 사용하거나, 툴바를 통해 다양한 서식을 지정할 수 있다. 더불어 작성한 노트는 자료실에 저장할 수 있다.

image


팀원

Frontend Frontend Frontend Frontend
김다현 김소연 박소현 윤혜성

개발환경

Stacks

React JavaScript Axios Swiper Vite

Tools




Convetion

Branch

  • github 전략
  • feat(fix/refactor/chore)/#이슈번호_이름

Commit

  • feat: 새로운 기능에 대한 커밋
  • fix: 버그 수정에 대한 커밋
  • build: 빌드 관련 파일 수정 / 모듈 설치 또는 삭제에 대한 커밋
  • chore: 그 외 자잘한 수정에 대한 커밋
  • ci: CI 관련 설정 수정에 대한 커밋
  • docs: 문서 수정에 대한 커밋
  • style: 코드 스타일 혹은 포맷 등에 관한 커밋
  • refactor: 코드 리팩토링에 대한 커밋
  • test: 테스트 코드 수정에 대한 커밋
  • perf: 성능 개선에 대한 커밋

About

노트 필기와 플래시 카드 생성을 동시에 할 수 있도록 돕는 서비스

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5