search

EFUB-steady / steady-front

SWS STEADY FRONT REPOSITORY
0 stars 0 forks source link

readme

📖 STEADY DAY

STEADY DAY와 함께 스터디를 손쉽게 관리해 보세요!
스터디원 초대부터 스터디 인증, 벌금 정산까지 간편하게!



👩‍💻 FrontEnd Member

이소진, 박지현, 권혜인, 도하연

🛠 Tech Stack

💡 컨셉

스터디 인증도, 벌금 정산도 번거로워 고심하는 당신께 -

STEADY DAY는 모든 스터디원이 한 공간을 공유하며 서로의 인증과 출석 내역을 확인할 수 있습니다.
각 스터디원은 자신의 컬러를 가지며,
스터디 인증을 완료하면 해당하는 날짜에 자신의 색깔이 채워집니다.

스터디원들의 진도를 한눈에 확인할 수 있고,
지각과 결석에 따라 벌금을 자동으로 정산해 줍니다.

STEADY DAY와 함께라면,
더 간편하게, 더 효율적으로 스터디를 관리할 수 있습니다.

🚀 기능 설명

테스트용 아이디

ID: test5@efub.com
PW: test5

1️⃣ 스터디 참여하기

활동하고 있는 스터디 별로, 인증 기한과 간단한 규칙을 한눈에 확인할 수 있습니다.

2️⃣ 이번 주 랭킹 확인하기

출석률을 기준으로, 주별 참여율 랭킹을 책정해 줍니다.
메인 페이지에서 확인이 가능하며,
1위를 한 스터디원의 컬러는 달력의 테마 색상으로 지정되어,
다음 주에 달력을 자신의 색으로 물들일 수 있습니다.

이번 주엔 꼭 1위를 차지해 보세요!

3️⃣ 스터디 인증하기

오늘도 성실하게 스터디에 참여한 당신!
사진이나 링크를 올려 간편하게 스터디를 인증할 수 있습니다.

인증 기한을 넘겨도 인증을 제출할 수 있으니,
성실하게 출석 도장을 찍어 보아요!


image


4️⃣스터디 개설하기 for 방장

직접 스터디를 운영하고 싶은 당신!
스터디 이름, 인증 요일, 벌금 규칙, 공지사항 등 자유롭게 설정할 수 있습니다.

5️⃣ 벌금 정산

image

스터디 개설 시 방장은 벌금 규칙을 지정해야 합니다.
방장이 지정한대로, 지각 시와 결석 시 벌금이 각기 책정됩니다.

벌금은 일주일 단위로 리셋되며,
매일매일 체크할 필요 없이, 주에 한 번 정산하여
더 편리하고 정확하게 스터디를 진행할 수 있습니다.

💾Directory Structure

📦src
 ┣ 📂core
 ┃ ┣ 📂axiosInstance
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📂font
 ┃ ┃ ┣ 📜BAUHS93.ttf
 ┃ ┃ ┗ 📜Pretendard-Regular.ttf
 ┃ ┣ 📜colors.js
 ┃ ┣ 📜reset.css
 ┃ ┗ 📜texts.js
 ┣ 📂feature
 ┃ ┣ 📂login
 ┃ ┃ ┣ 📂api
 ┃ ┃ ┃ ┗ 📜useLoginAPI.js
 ┃ ┃ ┗ 📂recoil
 ┃ ┃ ┃ ┣ 📜loginState.js
 ┃ ┃ ┃ ┣ 📜useLoggedIn.js
 ┃ ┃ ┃ ┗ 📜useLoginInput.js
 ┃ ┣ 📂ranking
 ┃ ┃ ┣ 📂api
 ┃ ┃ ┃ ┗ 📜useRankingAPI.js
 ┃ ┃ ┗ 📂recoil
 ┃ ┃ ┃ ┣ 📜rankingState.js
 ┃ ┃ ┃ ┗ 📜useRanking.js
 ┃ ┣ 📂SignUp
 ┃ ┃ ┣ 📂api
 ┃ ┃ ┃ ┗ 📜useSignUpAPI.js
 ┃ ┃ ┗ 📂recoil
 ┃ ┃ ┃ ┣ 📜SignUpState.js
 ┃ ┃ ┃ ┗ 📜useSignUp.js
 ┃ ┣ 📂studies
 ┃ ┃ ┣ 📂myStudy
 ┃ ┃ ┃ ┣ 📂api
 ┃ ┃ ┃ ┃ ┗ 📜useMyStudyAPI.js
 ┃ ┃ ┃ ┗ 📂recoil
 ┃ ┃ ┃ ┃ ┣ 📜myStudyState.js
 ┃ ┃ ┃ ┃ ┗ 📜useMyStudy.js
 ┃ ┃ ┣ 📂studyListByDate
 ┃ ┃ ┃ ┣ 📂api
 ┃ ┃ ┃ ┃ ┗ 📜useStudyListByDateAPI.js
 ┃ ┃ ┃ ┗ 📂recoil
 ┃ ┃ ┃ ┃ ┣ 📜studyListByDateState.js
 ┃ ┃ ┃ ┃ ┗ 📜useStudyListByDate.js
 ┃ ┃ ┣ 📂studyPost
 ┃ ┃ ┃ ┣ 📂api
 ┃ ┃ ┃ ┃ ┗ 📜useStudyPostAPI.js
 ┃ ┃ ┃ ┗ 📂recoil
 ┃ ┃ ┃ ┃ ┣ 📜studyPostState.js
 ┃ ┃ ┃ ┃ ┗ 📜useStudyPost.js
 ┃ ┃ ┗ 📂studySelect
 ┃ ┃ ┃ ┣ 📂api
 ┃ ┃ ┃ ┃ ┗ 📜useSelectedStudyAPI.js
 ┃ ┃ ┃ ┗ 📂recoil
 ┃ ┃ ┃ ┃ ┣ 📜selectedStudyState.js
 ┃ ┃ ┃ ┃ ┗ 📜useSelectedStudy.js
 ┃ ┣ 📂studyList
 ┃ ┃ ┗ 📂recoil
 ┃ ┃ ┃ ┣ 📜studyListDateState.js
 ┃ ┃ ┃ ┗ 📜useStudyListDate.js
 ┃ ┣ 📂todos
 ┃ ┃ ┣ 📂api
 ┃ ┃ ┃ ┗ 📜useTodosAPI.js
 ┃ ┃ ┗ 📂recoil
 ┃ ┃ ┃ ┣ 📜todosState.js
 ┃ ┃ ┃ ┗ 📜useTodos.js
 ┃ ┗ 📂user
 ┃ ┃ ┣ 📂api
 ┃ ┃ ┃ ┗ 📜useUserAPI.js
 ┃ ┃ ┗ 📂recoil
 ┃ ┃ ┃ ┣ 📜userState.js
 ┃ ┃ ┃ ┗ 📜useUser.js
 ┣ 📂routes
 ┃ ┗ 📜routes.js
 ┣ 📂ui
 ┃ ┣ 📂components
 ┃ ┃ ┣ 📂buttons
 ┃ ┃ ┃ ┣ 📂common
 ┃ ┃ ┃ ┃ ┣ 📜GoBackBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜IndexFindId.js
 ┃ ┃ ┃ ┃ ┣ 📜IndexFindPw.js
 ┃ ┃ ┃ ┃ ┣ 📜IndexMainPage.js
 ┃ ┃ ┃ ┃ ┗ 📜IndexMyPage.js
 ┃ ┃ ┃ ┣ 📂study
 ┃ ┃ ┃ ┃ ┣ 📜AuthAdditionalBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜AuthBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜AuthSupplyBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜CopyInviteLinkBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜CopyLinkBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜GoToStudyBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜MakeNewStudyBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜ReportBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜ReportMoreBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜SaveBtn.js
 ┃ ┃ ┃ ┃ ┗ 📜UploadBtn.js
 ┃ ┃ ┃ ┗ 📂user
 ┃ ┃ ┃ ┃ ┣ 📜BackToLoginBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜LoginBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜LogoutBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜ModifyCompleteBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜ModifyInfoBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜UserCheckBtn.js
 ┃ ┃ ┃ ┃ ┣ 📜UserJoinBtn.js
 ┃ ┃ ┃ ┃ ┗ 📜UserLeaveBtn.js
 ┃ ┃ ┣ 📂commons
 ┃ ┃ ┃ ┣ 📜CustomLink.js
 ┃ ┃ ┃ ┗ 📜Row.js
 ┃ ┃ ┣ 📂header
 ┃ ┃ ┃ ┗ 📜Header.js
 ┃ ┃ ┣ 📂login
 ┃ ┃ ┃ ┣ 📜ExplanationPic.js
 ┃ ┃ ┃ ┣ 📜FindId1st.js
 ┃ ┃ ┃ ┣ 📜FindId2nd.js
 ┃ ┃ ┃ ┣ 📜FindPw1st.js
 ┃ ┃ ┃ ┣ 📜FindPw2nd.js
 ┃ ┃ ┃ ┣ 📜Indexes.js
 ┃ ┃ ┃ ┣ 📜InputArea.js
 ┃ ┃ ┃ ┣ 📜Login.js
 ┃ ┃ ┃ ┣ 📜SignUpItem.js
 ┃ ┃ ┃ ┗ 📜SignUpMain.js
 ┃ ┃ ┣ 📂main
 ┃ ┃ ┃ ┣ 📂calendar
 ┃ ┃ ┃ ┃ ┗ 📜Mcalendar.js
 ┃ ┃ ┃ ┣ 📂Host
 ┃ ┃ ┃ ┃ ┣ 📂HostMainReport
 ┃ ┃ ┃ ┃ ┃ ┣ 📜Report.js
 ┃ ┃ ┃ ┃ ┃ ┣ 📜ReportBox.js
 ┃ ┃ ┃ ┃ ┃ ┣ 📜ReportItem.js
 ┃ ┃ ┃ ┃ ┃ ┗ 📜ReportList.js
 ┃ ┃ ┃ ┃ ┣ 📜HostRainking.js
 ┃ ┃ ┃ ┃ ┗ 📜StudySetting.js
 ┃ ┃ ┃ ┣ 📂notice
 ┃ ┃ ┃ ┃ ┣ 📜Notice.js
 ┃ ┃ ┃ ┃ ┣ 📜NoticeItem.js
 ┃ ┃ ┃ ┃ ┣ 📜NoticeList.js
 ┃ ┃ ┃ ┃ ┗ 📜NoticeView.js
 ┃ ┃ ┃ ┣ 📂ranking
 ┃ ┃ ┃ ┃ ┣ 📜LowerRank.js
 ┃ ┃ ┃ ┃ ┣ 📜LowRankItem.js
 ┃ ┃ ┃ ┃ ┣ 📜Ranking.js
 ┃ ┃ ┃ ┃ ┣ 📜RankingList.js
 ┃ ┃ ┃ ┃ ┣ 📜UpperRank.js
 ┃ ┃ ┃ ┃ ┗ 📜UpperRankItem.js
 ┃ ┃ ┃ ┣ 📂rule
 ┃ ┃ ┃ ┃ ┣ 📜Account.js
 ┃ ┃ ┃ ┃ ┣ 📜DayBox.js
 ┃ ┃ ┃ ┃ ┣ 📜PaneltyMoney.js
 ┃ ┃ ┃ ┃ ┣ 📜Rule.js
 ┃ ┃ ┃ ┃ ┣ 📜RuleAuthDay.js
 ┃ ┃ ┃ ┃ ┣ 📜RuleItem.js
 ┃ ┃ ┃ ┃ ┗ 📜RuleMoney.js
 ┃ ┃ ┃ ┣ 📂study-info
 ┃ ┃ ┃ ┃ ┣ 📜StudyInfo.js
 ┃ ┃ ┃ ┃ ┗ 📜StudyInfoTitle.js
 ┃ ┃ ┃ ┗ 📜MainSubTitle.js
 ┃ ┃ ┣ 📂MakeNew
 ┃ ┃ ┃ ┣ 📂ruleInput
 ┃ ┃ ┃ ┃ ┣ 📜AccountInput.js
 ┃ ┃ ┃ ┃ ┣ 📜PaneltyMoneyInput.js
 ┃ ┃ ┃ ┃ ┣ 📜RuleAuthDayInput.js
 ┃ ┃ ┃ ┃ ┣ 📜RuleInput.js
 ┃ ┃ ┃ ┃ ┣ 📜RuleInputItem.js
 ┃ ┃ ┃ ┃ ┗ 📜RuleMoneyInput.js
 ┃ ┃ ┃ ┣ 📜DaysSelect.js
 ┃ ┃ ┃ ┣ 📜DaysSelectItem.js
 ┃ ┃ ┃ ┣ 📜MembersInput.js
 ┃ ┃ ┃ ┣ 📜NoticeInput.js
 ┃ ┃ ┃ ┗ 📜StudyInfoInput.js
 ┃ ┃ ┣ 📂mypage
 ┃ ┃ ┃ ┣ 📜ArrowBtn.js
 ┃ ┃ ┃ ┣ 📜ArrowBtn2.js
 ┃ ┃ ┃ ┣ 📜CheckLink.js
 ┃ ┃ ┃ ┣ 📜CheckPic.js
 ┃ ┃ ┃ ┣ 📜DateAndBtn.js
 ┃ ┃ ┃ ┣ 📜dot.png
 ┃ ┃ ┃ ┣ 📜ListBar.js
 ┃ ┃ ┃ ┣ 📜ListBarStudyItem.js
 ┃ ┃ ┃ ┣ 📜ListBarStudyList.js
 ┃ ┃ ┃ ┣ 📜ModifyMyInfo.js
 ┃ ┃ ┃ ┣ 📜MyAuthCal.js
 ┃ ┃ ┃ ┣ 📜MyAuthList.js
 ┃ ┃ ┃ ┣ 📜MyInfo.js
 ┃ ┃ ┃ ┣ 📜Search.js
 ┃ ┃ ┃ ┗ 📜ToDo.js
 ┃ ┃ ┗ 📂sidebar
 ┃ ┃ ┃ ┣ 📜Penalty.js
 ┃ ┃ ┃ ┣ 📜PenaltyAmount.js
 ┃ ┃ ┃ ┣ 📜SideBar.js
 ┃ ┃ ┃ ┣ 📜SideBarStudyItem.js
 ┃ ┃ ┃ ┣ 📜SideBarStudyList.js
 ┃ ┃ ┃ ┗ 📜SideLogoBox.js
 ┃ ┣ 📂modal
 ┃ ┃ ┣ 📂components
 ┃ ┃ ┃ ┣ 📜MemberList.js
 ┃ ┃ ┃ ┣ 📜OtherStudyMdalPic.js
 ┃ ┃ ┃ ┣ 📜OtherStudyModal.js
 ┃ ┃ ┃ ┣ 📜OtherStudyUrl.js
 ┃ ┃ ┃ ┣ 📜ReportMoreModalTitle.js
 ┃ ┃ ┃ ┣ 📜ReportStudyModalPic.js
 ┃ ┃ ┃ ┣ 📜StudyModalPic.js
 ┃ ┃ ┃ ┣ 📜StudyModalTitle.js
 ┃ ┃ ┃ ┗ 📜StudyModalUrl.js
 ┃ ┃ ┗ 📂modals
 ┃ ┃ ┃ ┣ 📜LoginFailModal.js
 ┃ ┃ ┃ ┣ 📜ReportCancelModal.js
 ┃ ┃ ┃ ┣ 📜ReportMoreModal.js
 ┃ ┃ ┃ ┣ 📜SignUpFailModal.js
 ┃ ┃ ┃ ┣ 📜StudyListModal.js
 ┃ ┃ ┃ ┣ 📜UploadStudyModal.js
 ┃ ┃ ┃ ┗ 📜UploadStudySupplyModal.js
 ┃ ┗ 📂pages
 ┃ ┃ ┣ 📂MainPage
 ┃ ┃ ┃ ┣ 📜HostMainPage.js
 ┃ ┃ ┃ ┣ 📜MainPageCenter.js
 ┃ ┃ ┃ ┗ 📜MemberMainPage.js
 ┃ ┃ ┣ 📜AuthPage.js
 ┃ ┃ ┣ 📜FindIdPage.js
 ┃ ┃ ┣ 📜FindPwPage.js
 ┃ ┃ ┣ 📜JoinPage.js
 ┃ ┃ ┣ 📜LoginPage.js
 ┃ ┃ ┣ 📜MakeNewPage.js
 ┃ ┃ ┗ 📜MyPagePage.js
 ┣ 📜App.js
 ┣ 📜index.css
 ┗ 📜index.js