usageness / smart-eclass

스터디 / 강의자료 공유 플랫폼

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Smart E-Class

본 프로젝트는 서울과학기술대학교 캡스톤디자인 졸업작품입니다.

스마트 이클래스는 학생들이 직접 운영하는 스터디의 강의 자료나 프로젝트의 문서 등을 효율적으로 관리할 수 있는 서비스 플랫폼이다.

기존의 이클래스가 갖고 있던 불편한 부분들을 UI / UX 적인 관점에서 해결하고, 유용하게 사용할 수 있는 기능들을 추가하여 실생활에 이용할 수 있는 서비스가 되도록 개발하는 것이 특징이다.

실행 방법

Backend

  1. backend 디렉토리로 이동합니다.
$ cd backend
  1. 필요한 라이브러리를 설치합니다.
$ npm install
  1. 서버를 실행합니다.
$ npm run start

Frontend

  1. frontend 디렉토리로 이동합니다.
$ cd frontend
  1. 서버를 실행합니다.
$ yarn start

실행 화면

메인 화면

image

내 강의 화면

image

스터디 생성 화면

image

스터디 상세 정보 화면 (비로그인/미수강 유저)

image

스터디 상세 정보 화면 (교수자 유저)

교수자가 아닌 경우, 문서 추가 버튼 ( + ) 이 보이지 않음.

image

스터디 문서 보기 (교수자 유저)

교수자가 아닌 경우, 문서 수정 버튼이 보이지 않음.

image

스터디 문서 수정하기

image

스터디 문서 추가하기

image

스터디 챕터 (문서 구분) 추가하기

image

About

스터디 / 강의자료 공유 플랫폼


Languages

Language:TypeScript 94.0%Language:JavaScript 5.7%Language:HTML 0.4%