Skip to content

CS473-studyo/studyo-front

Repository files navigation


This project is for the Milestone 4: High-Fi Prototype of KAIST CS473 Introduction to Social Computing.

Project Name & Pitch

Studyo

Due to COVID-19, It becomes difficult to find a way of studying with others while staying apart, which was done easily by creating study groups back when everyone used to meet face-to-face. Therefore, we created a platform called "Studyo" that allows students to share their in-class lecture notes and ask each other questions. Unlike other learning platforms, "Studyo" focuses on learning by sharing ideas between classmates, not by the instructor.

Build with

Project Status

This project is almost completed. We are going to add some additional features based on users' requirement.

Installation and Setup Instructions

Clone down this repository. You will need node and npm installed globally on your machine.

Installation:

npm install

To Run Development Suite:

npm run dev

To Visit App:

localhost:3000/main

Project Screenshots




Project Structure

Main Pages

course/[courseId]

Course main page containing list of lectures of the course.

course/[courseId]/lecture/[lectureid]

Page containing lecture note & shared notes from classmates. It also supports the upload notes function.

course/[courseId]/lecture/[lectureid]/quiz

Page with quizzes for review each lecture. This quizzes are made by other classmates' questions.

course/[courseId]/lecture/[lectureid]/keyword

Page to vote for the keyword of the lecture. The top 3 keywords are displayed in the course main page to for overview of the lectures.

course/[courseId]/question

List of the questions uploaded by the current user.

course/[courseId]/question/new.js

Page for uploading new question.

course/[courseId]/question/[questionId]

Page for each question. Containing the details of the question and the answers collected from review quiz page.

Components

header.js

Header for all pages. Conatining logo and login.

courseHeader.js, lectureHeader.js

Header for each course/lecture.

answerList.js, noteList.js

Expandable list to display other students' answer for the quiz or note.

pdfViewer.js

Displaying lecture note pdf file. Built with the react-pdf module.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5