Skip to content

멋쟁이사자처럼 중앙해커톤 'STAR.T' 프론트엔드 레포지토리입니다 ✨

Notifications You must be signed in to change notification settings

LikeLion-at-DGU/2024-Hackathon-4-STAR.T-Frontend

Repository files navigation

2024 LikeLion Hackathon: STAR.T

START로 이동하기

스타와 함께, 빛나는 일상으로!

🌟 STAR.T

갓생의 시작은 STAR.T와 START 🚩

Service Introduction

"For The Better Life"

자기관리가 중요시되는 현대사회에서, 우리들은 보다 더 나은 나를 위해 끊임없이 노력합니다.

정말 달라져야지! 성실하게 살아야지!

소위말하는 "갓생"을 살기위한 다짐을 하곤 하죠.

하지만 대다수의 계획과 다짐은 작심삼일로 끝을 맺습니다.

왜일까요? 단순히 내가 의지가 부족하기 때문에?

아닙니다. 계획에 접근하는 방법이 잘못되었기 때문입니다.

거대하고 의미있는 목표를 세우려다보니 내 한계를 넘어서버린것이죠. 1

STAR.T 는 이러한 문제를 해결하기 위해 탄생하였습니다!


Key Featrues of STAR.T

작고 사소한 일상 회복부터 자기계발, 감정 관리까지 다양한 분야에서 여러분의 성장을 도와줄 수 있는 맞춤형 솔루션을 직접 선택할 수 있습니다.

이렇게 STAR.T 는 작은 성공들을 쌓아가며 긍정적인 변화와 지속 가능한 발전을 이끌어냅니다.

쉽고 간편하게, 그리고 좋아하는 스타와 함께 건강한 삶을 되찾아봅시다 👊


Expected Effect

스타와의 특별한 연결을 통해 일상에서 동기 부여를 얻고, 그들이 전하는 메시지와 조언을 통해 삶의 활력을 되찾을 수 있습니다.

이 과정에서 사용자는 점점 더 자신감을 가지게 되고, 자신이 설정한 목표를 향해 나아갈 수 있는 힘을 얻게 됩니다.

🖥️ Developers

한지은 임현우 김지현 하채민 박세호
@onlynyang @pyeree @zoey003 @Chaem03 @sayyyho
통계학과
한지은
정보통신공학과
임현우
경제학과
김지현
전자전기공학과
하채민
정보통신공학과
박세호
BE
BE
PD
FE
FE

🛠 Development Tools & Environment

Django React Python Node.js Nginx Gunicorn

🎨 View & Feature

image

image

image

image

1

💻 Code Convention

Git Flow 전략 및 협업방식

전반적인 흐름

1.	Upstream Repository를 자신의 GitHub 계정으로 포크(fork)하여 Origin Repository를 만듭니다.
2.	Origin Repository를 로컬 컴퓨터로 클론(clone)합니다.
3.	변경 사항을 Origin Repository로 푸시(push)한 후 Upstream Repository로 PR을 보냅니다.
4.	PR이 완료된 후 Upstream Repository의 최신 변경 사항을 로컬에서 풀(pull)합니다.

개발 시작 시

1.	Upstream Repository에서 Issue를 생성합니다.
2.	Origin Repository의 Dev 브랜치에서 새로운 브랜치를 생성합니다.
3.	로컬에서 Fetch하여 새로운 브랜치를 가져옵니다.
4.	해당 브랜치로 체크아웃(checkout)한 후 기능 개발을 진행합니다.

- 기능 개발: feature/#[Issue 번호]
- 버그 수정: fix/#[Issue 번호]
- 리팩토링: refactor/#[Issue 번호]

개발 종료 시

1.	기능 개발이 완료되면 Origin Repository의 해당 브랜치(feature, fix, refactor)로 변경 사항을 푸시합니다.
2.	Origin Repository에서 Upstream Repository로 PR을 보냅니다.
3.	코드 리뷰 후 마지막 리뷰어가 Squash and Merge를 수행합니다.
4.	PR이 Squash and Merge되면 로컬에서 dev 브랜치로 체크아웃합니다.
5.	Upstream Repository의 dev 브랜치를 로컬에서 풀(pull)합니다.
6.	Origin Repository의 dev 브랜치를 업데이트하기 위해 푸시(push)합니다.

Main 브랜치 갱신 시

1.	릴리즈 버전을 낼 때는 Upstream의 dev 브랜치에서 main 브랜치로 PR을 보냅니다.
2.	모든 사용자가 코드를 재확인한 후 머지(merge)합니다.

Commit & PR Convention

Commit Convention

Commit Type Description
Feat 기능 개발
Fix 버그 수정
Docs 문서 수정
Refactor 코드 리팩토링
Design CSS 등 사용자 UI 변경
Test 로직 및 코드 테스트

PR Convention

Icon 사용법 Description
🎨 Design :art UI/스타일 파일 추가/수정
✨ Feature :sparkles 새로운 기능 도입
🔥 Fix :fire 버그 수정
✅ Test :white_check_mark 로직 및 코드 테스트
♻️ Refactoring :recycle 코드 리팩토링
📘 Docs :blue_book Feature 이외에 문서 생성 및 수정

📂 프로젝트 폴더 구조

📦2024-Hackathon-4-STAR.T-Frontend
 ┣ 📂.github
 ┃ ┣ 📂ISSUE_TEMPLATE
 ┃ ┃ ┗ 📜START-ISSUE.md
 ┃ ┣ 📂workflows
 ┃ ┃ ┗ 📜deploy.yaml
 ┃ ┗ 📜PULL_REQUEST_TEMPLATE.md
 ┣ 📂public
 ┃ ┗ 📜start.svg
 ┣ 📂src
 ┃ ┣ 📂apis
 ┃ ┃ ┣ 📜calendar.js
 ┃ ┃ ┣ 📜instance.js
 ┃ ┃ ┣ 📜main.js
 ┃ ┃ ┣ 📜mypage.js
 ┃ ┃ ┣ 📜random.js
 ┃ ┃ ┣ 📜register.js
 ┃ ┃ ┣ 📜search.js
 ┃ ┃ ┣ 📜signup.js
 ┃ ┃ ┣ 📜starP.js
 ┃ ┃ ┗ 📜Theme.js
 ┃ ┣ 📂assets
 ┃ ┃ ┣ 📂font
 ┃ ┃ ┃ ┣ 📜AppleSDGothicNeoB.ttf
 ┃ ┃ ┃ ┣ 📜AppleSDGothicNeoEB.ttf
 ┃ ┃ ┃ ┣ 📜AppleSDGothicNeoH.ttf
 ┃ ┃ ┃ ┣ 📜AppleSDGothicNeoL.ttf
 ┃ ┃ ┃ ┣ 📜AppleSDGothicNeoM.ttf
 ┃ ┃ ┃ ┣ 📜AppleSDGothicNeoR.ttf
 ┃ ┃ ┃ ┣ 📜AppleSDGothicNeoSB.ttf
 ┃ ┃ ┃ ┣ 📜AppleSDGothicNeoT.ttf
 ┃ ┃ ┃ ┗ 📜AppleSDGothicNeoUL.ttf
 ┃ ┃ ┣ 📂images
 ┃ ┃ ┃ ┣ 📜check.svg
 ┃ ┃ ┃ ┣ 📜kakaoLogin.svg
 ┃ ┃ ┃ ┣ 📜loading_logo(1).svg
 ┃ ┃ ┃ ┣ 📜loading_logo(2).svg
 ┃ ┃ ┃ ┣ 📜logo.svg
 ┃ ┃ ┃ ┣ 📜MainLogoImg(2).svg
 ┃ ┃ ┃ ┣ 📜MainLogoImg.svg
 ┃ ┃ ┃ ┣ 📜non-check.svg
 ┃ ┃ ┃ ┣ 📜notFound.svg
 ┃ ┃ ┃ ┗ 📜plusBtn.svg
 ┃ ┃ ┣ 📜actor.svg
 ┃ ┃ ┣ 📜animation.svg
 ┃ ┃ ┣ 📜Arrow.svg
 ┃ ┃ ┣ 📜background.svg
 ┃ ┃ ┣ 📜BannerImage(1).svg
 ┃ ┃ ┣ 📜baseball.svg
 ┃ ┃ ┣ 📜basketball.svg
 ┃ ┃ ┣ 📜blur.svg
 ┃ ┃ ┣ 📜checkbadge.svg
 ┃ ┃ ┣ 📜ClearStarPIcon.svg
 ┃ ┃ ┣ 📜completeBar.svg
 ┃ ┃ ┣ 📜DefaultRandom.svg
 ┃ ┃ ┣ 📜DiceBackground.svg
 ┃ ┃ ┣ 📜GoogleLogin.svg
 ┃ ┃ ┣ 📜IconChecked.svg
 ┃ ┃ ┣ 📜IconUnChecked.svg
 ┃ ┃ ┣ 📜k-pop.svg
 ┃ ┃ ┣ 📜Loginstar (2).svg
 ┃ ┃ ┣ 📜Loginstar.svg
 ┃ ┃ ┣ 📜logoContainer.svg
 ┃ ┃ ┣ 📜movieChar.svg
 ┃ ┃ ┣ 📜plusButton.svg
 ┃ ┃ ┣ 📜pop.svg
 ┃ ┃ ┣ 📜ProgressingBar.svg
 ┃ ┃ ┣ 📜Random.svg
 ┃ ┃ ┣ 📜Ranking.svg
 ┃ ┃ ┣ 📜rapper.svg
 ┃ ┃ ┣ 📜react.svg
 ┃ ┃ ┣ 📜shareIcon.svg
 ┃ ┃ ┣ 📜shareIconWhite.svg
 ┃ ┃ ┣ 📜soccer.svg
 ┃ ┃ ┣ 📜star1.svg
 ┃ ┃ ┣ 📜starclearPicon1.svg
 ┃ ┃ ┗ 📜starclearPicon2.svg
 ┃ ┣ 📂components
 ┃ ┃ ┣ 📂CategoryTitle
 ┃ ┃ ┃ ┣ 📜CategoryTitle.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂CheckUp
 ┃ ┃ ┃ ┣ 📜CheckUp.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂common
 ┃ ┃ ┃ ┣ 📂Box
 ┃ ┃ ┃ ┃ ┣ 📜Box.jsx
 ┃ ┃ ┃ ┃ ┗ 📜style.js
 ┃ ┃ ┃ ┣ 📂Button
 ┃ ┃ ┃ ┃ ┣ 📜Button.jsx
 ┃ ┃ ┃ ┃ ┗ 📜style.js
 ┃ ┃ ┃ ┣ 📂FinishAlert
 ┃ ┃ ┃ ┃ ┗ 📜FinishAlert.jsx
 ┃ ┃ ┃ ┣ 📂Footer
 ┃ ┃ ┃ ┃ ┣ 📜Footer.jsx
 ┃ ┃ ┃ ┃ ┗ 📜style.js
 ┃ ┃ ┃ ┣ 📂Header
 ┃ ┃ ┃ ┃ ┣ 📜Header.jsx
 ┃ ┃ ┃ ┃ ┗ 📜style.js
 ┃ ┃ ┃ ┗ 📜.gitkeep
 ┃ ┃ ┣ 📂CustomCalendar
 ┃ ┃ ┃ ┣ 📜CustomCalendar.jsx
 ┃ ┃ ┃ ┗ 📜style.js
 ┃ ┃ ┣ 📂DateRangeCalendar
 ┃ ┃ ┃ ┣ 📜DateRangeCalendar.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂GradientBackground
 ┃ ┃ ┃ ┗ 📜GradientBackground.jsx
 ┃ ┃ ┣ 📂ImgSlider
 ┃ ┃ ┃ ┣ 📜ImgSlider.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂Logout
 ┃ ┃ ┃ ┣ 📜Logout.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂mainRoutineBox
 ┃ ┃ ┃ ┣ 📜MainRoutineBox.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂Modal
 ┃ ┃ ┃ ┣ 📜Modal.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂MyStar
 ┃ ┃ ┃ ┣ 📜MyStar.jsx
 ┃ ┃ ┃ ┣ 📜SearchResultStar.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂PrivacyContainer
 ┃ ┃ ┃ ┣ 📜PrivacyContainer.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂PrivacyContent
 ┃ ┃ ┃ ┣ 📜PrivacyContent.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂RoutineBox
 ┃ ┃ ┃ ┣ 📜RoutineBox.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂RoutineChange
 ┃ ┃ ┃ ┣ 📜RoutineChange.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂SearchBox
 ┃ ┃ ┃ ┣ 📜SearchBox.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂SearchCategoryBox
 ┃ ┃ ┃ ┣ 📜SearchCategoryBox.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂StarHeader
 ┃ ┃ ┃ ┣ 📜StarHeader.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂SubRoutineBox
 ┃ ┃ ┃ ┣ 📜styled.js
 ┃ ┃ ┃ ┗ 📜SubRoutineBox.jsx
 ┃ ┃ ┣ 📂Text
 ┃ ┃ ┃ ┣ 📜style.js
 ┃ ┃ ┃ ┗ 📜Text.jsx
 ┃ ┃ ┣ 📂ThemePage
 ┃ ┃ ┃ ┗ 📂RoutineBoxContainer
 ┃ ┃ ┃ ┃ ┣ 📜RoutineBoxContainer.jsx
 ┃ ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┗ 📂Todo
 ┃ ┃ ┃ ┣ 📜AddModal.jsx
 ┃ ┃ ┃ ┣ 📜Item.jsx
 ┃ ┃ ┃ ┣ 📜style.js
 ┃ ┃ ┃ ┗ 📜Todo.jsx
 ┃ ┣ 📂constants
 ┃ ┃ ┣ 📂Calendar
 ┃ ┃ ┃ ┗ 📜dummy.js
 ┃ ┃ ┣ 📂Category
 ┃ ┃ ┃ ┗ 📜data.js
 ┃ ┃ ┣ 📂HomePage
 ┃ ┃ ┃ ┗ 📜dummy.js
 ┃ ┃ ┣ 📂NotFound.js
 ┃ ┃ ┃ ┗ 📜data.js
 ┃ ┃ ┣ 📂RandomDice
 ┃ ┃ ┃ ┗ 📜dummy.js
 ┃ ┃ ┣ 📂Search
 ┃ ┃ ┃ ┗ 📜dummy.js
 ┃ ┃ ┣ 📂StarPage
 ┃ ┃ ┃ ┗ 📜dummy.js
 ┃ ┃ ┣ 📂Text
 ┃ ┃ ┃ ┗ 📜title.js
 ┃ ┃ ┗ 📂ThemePage
 ┃ ┃ ┃ ┗ 📜dummy.js
 ┃ ┣ 📂hooks
 ┃ ┃ ┣ 📜useCheckUser.js
 ┃ ┃ ┣ 📜useDailyRoutine.js
 ┃ ┃ ┣ 📜useMain.js
 ┃ ┃ ┣ 📜useMyInfo.js
 ┃ ┃ ┣ 📜useSearchResult.js
 ┃ ┃ ┣ 📜useStar.js
 ┃ ┃ ┗ 📜useTheme.js
 ┃ ┣ 📂pages
 ┃ ┃ ┣ 📂AgreePage
 ┃ ┃ ┃ ┣ 📜AgreePage.jsx
 ┃ ┃ ┃ ┗ 📜style.js
 ┃ ┃ ┣ 📂Calendar
 ┃ ┃ ┃ ┣ 📜Calendar.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂Loading
 ┃ ┃ ┃ ┗ 📜Loading.jsx
 ┃ ┃ ┣ 📂Mainpage
 ┃ ┃ ┃ ┣ 📜Mainpage.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂MyPage
 ┃ ┃ ┃ ┣ 📜MyPage.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂NotFound
 ┃ ┃ ┃ ┣ 📜NotFount.jsx
 ┃ ┃ ┃ ┗ 📜style.js
 ┃ ┃ ┣ 📂RandomDice
 ┃ ┃ ┃ ┣ 📜RandomDice.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂SearchPage
 ┃ ┃ ┃ ┣ 📜SearchPage.jsx
 ┃ ┃ ┃ ┣ 📜SearchResultP.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂Share
 ┃ ┃ ┃ ┣ 📜Share.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂StarPage
 ┃ ┃ ┃ ┣ 📜ClearStarP.jsx
 ┃ ┃ ┃ ┣ 📜StarPage.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📂SubCategoryPage
 ┃ ┃ ┃ ┣ 📜styled.js
 ┃ ┃ ┃ ┗ 📜SubCategoryPage.jsx
 ┃ ┃ ┣ 📂TestPage
 ┃ ┃ ┃ ┗ 📜Test.jsx
 ┃ ┃ ┣ 📂ThemePage
 ┃ ┃ ┃ ┣ 📜styled.js
 ┃ ┃ ┃ ┗ 📜ThemePage.jsx
 ┃ ┃ ┗ 📂User
 ┃ ┃ ┃ ┣ 📜Login.jsx
 ┃ ┃ ┃ ┣ 📜SignUp.jsx
 ┃ ┃ ┃ ┣ 📜SignUpCustom.jsx
 ┃ ┃ ┃ ┣ 📜style.js
 ┃ ┃ ┃ ┗ 📜styledSignup.js
 ┃ ┣ 📂stores
 ┃ ┃ ┣ 📜calendar.js
 ┃ ┃ ┣ 📜category.js
 ┃ ┃ ┣ 📜loading.js
 ┃ ┃ ┣ 📜Privacy.js
 ┃ ┃ ┣ 📜routineRegister.js
 ┃ ┃ ┣ 📜signup.js
 ┃ ┃ ┗ 📜todo.js
 ┃ ┣ 📂style
 ┃ ┃ ┣ 📜globalStyle.js
 ┃ ┃ ┗ 📜theme.js
 ┃ ┣ 📂utils
 ┃ ┃ ┣ 📜loader.js
 ┃ ┃ ┗ 📜share.js
 ┃ ┣ 📜App.jsx
 ┃ ┣ 📜main.jsx
 ┃ ┗ 📜router.jsx
 ┣ 📜.eslintrc.cjs
 ┣ 📜.gitignore
 ┣ 📜build.sh
 ┣ 📜index.html
 ┣ 📜jsconfig.json
 ┣ 📜package.json
 ┣ 📜README.md
 ┣ 📜vercel.json
 ┗ 📜vite.config.js

Footnotes

  1. 단국대 심리학과 임명호 교수 (https://m.health.chosun.com/svc/news_view.html?contid=2023011201805)

About

멋쟁이사자처럼 중앙해커톤 'STAR.T' 프론트엔드 레포지토리입니다 ✨

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages