Giter Site home page Giter Site logo

sfac-lms-team-a's Introduction



LMS 학습 관리 시스템

🏢 팀 소개

저희 팀은 이런 기능을 담당했습니다!

LMS 5가지 분류 중 분류 3번의 과제제출/평가시스템 제작을 담당하였습니다.

  • 강사는 과제를 생성, 조회, 수정, 삭제 할 수 있습니다.
  • 수강생이 파일 또는 링크 형식의 과제를 제출할 수 있습니다.
  • 수강생은 과제 피드백이 추가되기 전 제출한 과제를 삭제할 수 있습니다.
  • 강사는 수강생이 제출한 과제 파일 또는 링크를 확인하고 그에 대한 피드백을 생성, 조회, 수정, 삭제할 수 있습니다.

🧑‍🤝‍🧑 Members

정혜선(팀장) 강정구 김은태 안범
학생 과제 제출/조회/삭제
공통 사이드바 컴포넌트
강사 과제 CRUD
과제 순서 변경 DnD
공통 모달 컴포넌트
강사 과제 CRUD 피드백 CRUD

💁 서비스 소개

  • LMS 학습 관리 시스템은 조직에 학습 프로세스의 모든 측면에 대한 프레임워크를 제공하는 소프트웨어 애플리케이션입니다. LMS의 분류 3번은 과제제출/평가시스템 서비스를 제공합니다.
  • 강사의 과제 생성 기능과 수강생의 과제 제출 기능 구현을 통한 양방향 소통 서비스를 제공합니다.
  • 강사가 생성한 과제에 학생들이 과제를 링크 또는 파일 첨부를 통해 제출할 수 있습니다.
  • 각각의 과제에 대한 평가(피드백)를 강사가 남길 수 있으며 이에 대해 답변을 학생도 남길 수 있습니다.

로그인 테스트 계정

관리자 수강생
ID [email protected] [email protected]
PW test1234 test1234

🔎 시연

강사 과제 생성

강사 과제 삭제 & 순서 변경

강사 과제 수정

학생 과제 생성 및 삭제

피드백 CRUD


🎨 Figma

Figma 링크


📑 DB ERD

DB 설계 링크


⚡️ Skills

TypeScript React Next.js React
Query
Redux Tailwind
CSS
Firebase
TypeScript icon React icon Next.js icon React Query icon Redux icon TailwindCSS icon icon

📂 프로젝트 구조

📦src
 ┣ 📂app
 ┃ ┣ 📂assignment
 ┃ ┃ ┣ 📂(components)
 ┃ ┃ ┣ 📂[assignmentId]
 ┃ ┣ 📂classroom
 ┃ ┃ ┣ 📂(components)
 ┃ ┣ 📂community
 ┃ ┃ ┣ 📂(components)
 ┃ ┣ 📂forgotPassword
 ┃ ┣ 📂lectureHall
 ┃ ┃ ┣ 📂(components)
 ┃ ┃ ┣ 📂[lectureId]
 ┃ ┃ ┣ 📂__test__
 ┃ ┣ 📂mypage
 ┃ ┃ ┣ 📂(components)
 ┃ ┗ 📂resetPassword
 ┣ 📂components
 ┣ 📂hooks
 ┃ ┣ 📂common
 ┃ ┣ 📂reactQuery
 ┃ ┃ ┣ 📂assignment
 ┃ ┃ ┣ 📂comment
 ┃ ┃ ┣ 📂community
 ┃ ┃ ┣ 📂feedback
 ┃ ┃ ┣ 📂lecture
 ┃ ┃ ┣ 📂login
 ┃ ┃ ┣ 📂mypage
 ┃ ┃ ┣ 📂navbar
 ┃ ┃ ┣ 📂reset
 ┃ ┃ ┣ 📂submittedAssignment
 ┣ 📂redux
 ┣ 📂types
 ┗ 📂utils

🦺 프로젝트 실행

yarn install
yarn dev

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.