Skip to content

T-Notes/Tnote-FrontEnd

Repository files navigation

🏫 Tnote는 어떤 서비스인가요?

Tnote는 교사들의 업무 효율을 올리기 위한 교사 업무 기록 서비스 입니다.
Tnote 서비스 이용하러 가기

🔧 화면 설계도 🎨 화면 상세 디자인
화면 설계도 바로가기 화면 상세 디자인 바로가기

✅ Tnote는 어떻게 만들어졌나요?

  • 부적응 학생 생활지도, 과중한 업무, 학부모의 과도한 민원 등으로 교사들의 업무 피로도가 높은 교육 상황
  • 과중한 업무에 포커스를 맞춰 교사들의 업무 과정을 리서치한 결과, 업무 기록을 할 수 있는 통합된 툴이 없고, 작성 방법이 흩어져 있는 점을 발견
  • 따라서 교사들의 업무 효율을 높혀주기 위해 업무 기록을 한 곳에 통합할 수 있는 서비스를 기획하게 되었습니다.

✅ 우리의 목표와 타겟은 다음과 같습니다.

🔥 목표: 교사들을 위한 업무 기록 템플릿을 제공하여 기록 시간을 단축하자.
👩‍🏫 사용 고객: 초중고 교사


👩‍👩‍👧 누가 만들었나요?

FE

최윤지 Yoonji23
이미지1

BE

정수영 j9972 김태환 hwan2-99
이미지1 이미지2



🔧 Skill Stack

  • TypeScript

  • React

  • RESTful API

  • Styled Components

  • Recoil



👩‍🏫 Tnote를 소개합니다

1. 랜딩페이지

  • 개인 정보 보호 정책에 동의했을 때만 로그인이 가능합니다.

img_001

img_001_01


2. 사용자 정보 입력

  • 사용자 이름은 카카오 정보를 통해 자동으로 받아옵니다.
  • 학교는 전국 초중고 모두 검색 가능합니다.

img_002

2-1. 학교 검색

img_002_01

  • 모든 정보가 입력이 되어야 버튼이 활성화됩니다.

img_002_02


3. 메인 홈

  • 추가한 학기가 있다면, TODO를 작성 할 수 있습니다.

img_003

img_003_01

  • todo 체크 박스를 클릭하면 취소선이 나타납니다.

    img_003_02


4. 수업 일지 작성

  • 학급일지, 업무일지, 상담기록, 학생 관찰 기록 4가지 분야의 수업 일지를 작성할 수 있습니다.

img_004 img_004_01


5. 학기 추가

  • 학기 추가하기 버튼을 누르면 자동으로 학기 추가가 됩니다. (ex:2024년 2학기)
  • 직접 학기를 추가하기 원한다면, 학기이름, 기간, 마지막 교시를 입력합니다.

img_005 img_005_01


6. 수업 추가

  • 학기 설정 시 마지막 학기를 기준으로 나만의 시간표가 만들어집니다.

  • 수업 추가 버튼을 클릭하여 수업을 시간표에 추가할 수 있습니다. img_006

  • day OR week로 설정을 바꾸어 시간표를 확인 할 수 있습니다. img_006_01 img_006_02

  • 수업 일정을 수정하거나 삭제할 수 있습니다. img)006_03


7. 아카이브

  • 모든 학기를 아카이브에서 확인할 수 있습니다.
  • 학기 검색 및 삭제가 가능합니다.

img_007_01 img_007_02


8. 사용자 정보 설정

  • 사용자 정보를 확인하고, 수정할 수 있습니다.

  • 로그아웃 및 계정 탈퇴가 가능합니다.

    img_007

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages