Skip to content

StudyHunter/Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

StudyHunter

함께 공부할 스터디 팀원을 모집하는 웹 서비스

image

회고영상4 회고영상5
회고영상2 회고영상3


팀원 소개

Backend

김규리 | 테이블 설계 참여 (ERD 설계, API 문서 작성), 태그로 강의 검색 구현, 채팅 구현, JWT를 이용하여 로그인 구현
이준호 | 네이버 클라우드를 통해 서버 구성, MySQL 구현, putty를 통한 SpringBoot와 MySql, 프론트엔드 연동
최호희 | 스터디 방 생성, 스터디 명언 조회

frontend

이예림 | 방 만들기, 디자인
조종빈 | 로그인, 회원 가입, 메인 페이지, 방 내부 페이지

개발 기간

시작 |   2024년 1월 8일
종료 |   2024년 2월 28일 (약 2개월)

기술 스택

페이지별 기능

회원가입

서비스를 이용하기 위해서, 먼저 회원가입이 필요하다.
웹 url에 들어왔을 때 비회원은 먼저 회원가입하도록 설정했다. 올바른 회원입력



로그인

로그인은 아래와 같이 아이디, 비밀번호를 올바르게 입력해야 한다. 로그인



메인 페이지

메인 페이지로 들어가면, 모집 중인 스터디방 리스트를 확인할 수 있다.
화면에 회원 프로필, 전체 메뉴, 명언 등등 단순한 디자인으로 구성하였다. 메인 페이지



방 생성

스터디 방을 개설할 수 있는데, 방제목, 인원 수, 방 태그, 썸네일 등등 설정할 수 있다.
방 태그, 방 썸네일은 주어진 테마 리스트에서 선택하도록 구성했다. 방 생성



스터디 방

스터디 방 디자인은 참여한 유저의 간단한 프로필과 스터디에 관련된 타이머, 채팅창으로 구성했다.
채팅창을 통해 소통할 수 있고, 스터디 타이머를 통해 코인을 획득할 수 있다.
(획득한 코인을 통해 트리 꾸미기 이벤트를 구성하려고 했는데 이 부분은 시간상 만들지 못했다.) 스터디 방 내부



스터디 타이머

방장이 타이머를 누르면 스터디가 시작되는데, '스터디 종료' 버튼을 눌러 스터디를 끝낼 수 있다.
스터디 누적시간에 따라 코인을 얻을 수 있다.
스터디 종료

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •