Giter Site home page Giter Site logo

onteacher's Introduction

☀️ OnTeacher

logo

코로나와 사교육 양극화에 시달리는 저소득층 학생들이 교육을 받기 어려운 상황에도 교육 봉사 서비스를 받을 수 있도록, 학생과 봉사자를 매칭하여 온라인, 오프라인으로 꾸준하고 다양한 학업 지도를 보조하는 플랫폼

🏆 수상

팀 부문​

🥈 프로젝트 우수상

개인 부문

🥇 최우수상(이경민)

🥈 우수상(정민아)

🏅 모범상(김다니엘)


📌 목차

  1. 불사조 팀
    1. 팀원 소개
    2. 팀 규칙 및 협업 방식
  2. 프로젝트 개요
    1. 주요 기능
    2. 기술 스택
    3. 설계도
  3. 주요 화면

🐦 불사조 팀

팀원 역할
강면수 💪 Back-end, 배포
김다니엘 💤 팀장(Project manager), Full-stack, 발표
백승빈 🎧 Back-end
안지우 👩‍🍳 Full-stack, 발표
이경민 🐿️ Full-stack, Git 관리, DB 관리
이범기 🐢 Full-stack, 발표
정민아 🐱 Full-stack (Front-end 총괄), Git 관리, 회의록 작성

⏰ 미팅

  • 9:20 데일리 스크럼 - 오늘 할 일 브리핑, 이슈 논의
  • 17:00 회고 : 오늘 한 일 브리핑, 코드 리뷰

✏️ ​노션

  • 일정 관리
  • 회의록 작성
  • 진행 상황 공유 및 업무 관리
  • 참고 사이트, 파일 등 문서 공유

📁 Git Convention

자세히 보기

Commit Message

commit message는 이렇게 남겨요

type : title
body

Branch

기능별로 브랜치를 만들어 개발하고, 오류 확인 후 develop에 merge해요

feature/기능이름

🔍 주요 기능

  1. 매칭
    • 선생님은 수업 등록을, 학생은 수업 검색수업 신청을 통해 서로에게 적합한 교육 봉사 대상을 매칭할 수 있음
  2. 수업 관리
    • 매칭된 선생님과 학생은 수업 관리 메뉴를 통해 내 수업을 관리할 수 있고 수업 진행을 보조 받을 수 있음
    • 선생님 : 수업 시작/연장/취소, 매칭 선택/취소, 과제 출제 및 확인, 후기 작성
    • 학생 : 수업 신청 취소, 과제 제출, 후기 작성
  3. 질문 게시판
    • 학생이 자유롭게 질문할 수 있는 공간
    • 선생님이 답변을 남길 수 있음
  4. OCR 인식
    • 네이버 Clova API의 OCR(글자 인식 AI 기술) 활용
    • 문서의 내용을 사진 찍어 텍스트로 추출 👉 질문 게시판과 과제 등의 서비스에서 활용 가능

📚 기술 스택

프로젝트에 사용한 기술 목록과 버전이에요

badge badge badge badge badge

📋 설계도

본격적인 개발 전, 기획과 설계 단계에서 아래의 설계도를 제작하며 프로젝트의 구조와 흐름을 구체화했어요

Wireframe

Kakao Oven을 활용하여 UI/UX 설계 (통합 예정)

  • 유저 공통 (메인 페이지, 회원가입/로그인, 수업 매칭 페이지, 수업 상세 페이지) 링크
  • 선생님 유저 링크
  • 학생 유저 링크
  • 관리자 유저 링크1 링크2

ERD

image-20210413151408124

Class Diagram

image-20210413152657736


💡 주요 화면

1. [메인 페이지]

main_page

2. [수업 등록]

자격 심사에 통과한 선생님들의 '수업 등록' 페이지

course_registration

3. [수업 검색]

선생님이 등록한 수업을 검색

이 페이지를 통해 학생들은 수업 신청

course_search

4. [수업 관리]

학생과 매칭된 수업을 관리하는 페이지

'진행중인 수업, 대기중인 수업, 종료된 수업'으로 수업이 나뉨

teacher_studyingCourse

5. [수업 관리 - 과제]

과제를 통해 학생과 매칭된 수업을 관리

선생님은 과제 작성, 학생은 과제 제출, 댓글을 통해 선생님 피드백 가능

teacher_studyingCourse_homework

6. [후기 작성]

종료된 수업은 후기 작성

선생님, 학생 서로 후기 작성 가능

프로필 클릭 시 후기 확인

student_endCourse_review

7. [OCR 기능]

이미지를 텍스트로 변환

과제, 질문게시판에 활용 가능

ocr

8. [질문 게시판]

학생이 질문 등록 (전체 공개)

선생님이 댓글로 답변

question_board

question_board_detail

9. [알림 기능]

선생님 자격 심사, 수업 매칭 등 다양한 기능을 알림 탭을 통해 공지

notification

onteacher's People

Contributors

kmathl96 avatar minami-cs avatar danny4159 avatar khankms avatar colvyann avatar lee-bumgi avatar peakseungbin avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.