README.md

EFUB 3RD SWS 시간표 아티스트 프론트 레포지토리

🔗배포 URL: https://www.time-table-artist.com/

🎨 프로젝트명 : 시간표 아티스트

부제 : 저는 시간표 망한 대학생이 아니라 시간표 아티스트에요 망한 시간표를 자랑해 보아요!

이화여대 학교 학생들의 시간표를 건물거리, 이동난이도, 공강의 유무 등 전반적으로 좋은 시간표라고 생각하는 기준을 선별하여 만든 시간표 채점 알고리즘으로 채점을 해주는 것이 주요 기능인 프로젝트입니다. 시간표마다 좋은 점, 나쁜 점을 분석하여 14개의 유형 중 한가지의 유형으로 채점된 재미있는 결과표를 제공합니다. 또한 랭킹보드 페이지에서 점수별, 인기순으로 정렬된 친구들의 시간표를 보며 좋아요와 댓글로 소통할 수 있는 커뮤니티 기능도 제공합니다. 웹/모바일 2가지 버전으로 만들어져 기기에 상관없이 즐겁게 즐길 수 있습니다.

👩🏻‍💻 팀원 소개

Front end	Front end	Front end	Front end
김민정	최한비	권태영	오혜린
시간표 생성페이지 제작	점수 확인 페이지 제작	로그인 페이지 제작	랭킹보드 페이지 제작
	채점 알고리즘 작성

⭐️ 기능 설명

😀 Auth: 회원가입, 로그인

- 회원가입, 회원탈퇴 기능

- 로그인, 로그아웃 기능

- 토큰 리프레시 기능

📝 Create: 시간표 생성

- 시간표 블럭 UI

- 인풋(웹), 스와이퍼(모바일)로 수업 생성

- 블럭 클릭으로 수업 삭제

- 시간표 삭제 후 재생성 기능

💯 Score: 시간표 채점

- 시간표 알고리즘으로 채점 기능

- 시간표 유형별 결과 제공

- 랭킹보드에 강의명 숨김 옵션으로 게시 여부 설정 가능

- 결과 이미지 저장 기능

- SNS에 공유 기능

🔢 Rank: 랭킹보드 보기

- 시간표를 점수 오름차순(최악의 시간표), 점수 내림차순(최고의 시간표), 인기 시간표(좋아요 개수)로 정렬 가능

- 분류 방법에 따라 내 순위를 실시간으로 반영

- 시간표 별 좋아요 기능, 댓글(익명 가능)기능

- 댓글 별 좋아요 기능, 좋아요 순으로 정렬

📂 폴더 구조

api
 |_http.js
 |_members.js
 |_timetables.js
 |_ranking.js
assets
 |_ _common
 |_creatpage
 |_mainpage
 |_rankingpage
 |_scorepage
components
 |_ _common
 |_aboutuspage
 |_createpage
 |_loginpage
 |_mainpage
 |_rankingpage
 |_scorepage
pages
 |_AboutUsPage.jsx
 |_CreatePage.jsx
 |_Errorpage.jsx
 |_LoadingPage.jsx
 |_LoginPage.jsx
 |_MainPage.jsx
 |_RankingPage.jsx
 |_ScorePage.jsx
 |_M_MenuPage.jsx
reducer
 |_action.js
 |_index.js
 |_myResult.js
 |_timetable.js
skeleton
store
style
  |_common.css
  |_global.js
utils
 |_time - helper.js
 |_picker - options.js
 |_time - validation.js
consts

✨ 사용 라이브러리

main

react-redux / react-router-dom / react-query

styles

react-device-detect / react-icons / styled-components / swiper

협업도구

github / notion / pigma / prettier