yeonee230/Genie-Stamp

🧞‍♂️ Genie-Stamp (upgrade Jinee-Stamp) stamp system for an elementary school teacher using NodeJS, Express, MongoDB and ES6.

🧞‍♂️ Genie Stamp (지니스탬프) ver.2

설명

초등 교사가 학급경영을 위해 자주 사용하는 방법인 "칭찬 도장"을 이 서비스를 통해 쉽게 관리할 수 있습니다.

홈페이지

https://genie-stamp.herokuapp.com/

개발 목표

• Jinee-Stamp(ver.1)에서 기존 기능 성능 향상 및 기능 확장
• 숙련도 향상을 위해서 내가 사용해본 기술들을 사용하기 (NodeJS, Pug, SCSS, MongoDB)
• 실제로 사용할 교사 및 학생의 상황을 고려하며 만들기

사용 기술

• Front-end : Pug, JS, SCSS
• Back-end : NodeJS, Express
• DB : MongoDB
• Deploy: Heroku

주요 기능

• 교사가 학생의 칭찬도장을 실시간으로 추가/삭제 할 수 있습니다.
• 교사가 학생의 칭찬 도장 개수를 알 수 있으며 누적 순위를 확인할 수 있습니다.
• 학생이 로그인해 자신의 칭찬도장 현황을 알 수 있습니다.
• 반응형으로 구현했습니다.

---

📌 데스크탑 화면 및 기능 시연 (영상)

교사

• 회원가입 & 교사 로그인/로그아웃

  teacher-join-login-logout.mov

• 도장 종류 추가 & 학생 추가/삭제

  stamp-add-student-add-remove.mov

• 학생 비밀번호 초기화

  student-pw-reset.mov

• 도장 개수 실시간 추가/삭제

  stamp.board.mov

• 누적 도장 개수를 기반으로 순위 보여주기

  status.mov

학생

• 학생 로그인/로그아웃 & 학생 개별 도장 현황 확인
  student-login-logout.mov
• 학생 비밀번호 변경
  student-password-change.mov

---

📌 모바일 화면(이미지)

회원가입	교사용 로그인 1	교사용 로그인 2

교사 메인 화면	칭찬 도장판

학생 및 도장 관리1	학생 및 도장 관리 2	학생 및 도장 관리 3

도장 통계1	도장 통계 2	도장 통계 3

학생용 로그인 1	학생용 로그인 2

학생 메인 화면	학생 비밀번호 변경 화면

---

기간

• 2023년 4월 15일 (토) ~ 2023년 4월 30일 (토) - 1차배포완료
• 2023년 5월 1일 (월) ~ 진행중

---

앞으로 구현해야할 기능

• 월별 도장 통계 보여주기 ✅
• 도장별 누적 개수 및 순위 보여주기
• 공동 순위 일때 처리
• 도장 이름 수정/삭제
• 매월 1일 도장판 자동리셋 ✅
• 세션이 없는데, 세션 필요한 url들어갔을 경우 관리(url protector) ✅
• flash 기능