Skip to content

SWYP-HOBBI/swyp_hobbi_front

Repository files navigation

Storybook

main Frame (2) Frame (3) Frame (4) Frame (5)

“나만의 취미를 사람들과 공유하고 싶은데, 어디서부터 시작해야 할지 막막하네…”
“다들 어떤 취미를 갖고 있는지, 함께할 사람들은 어떻게 찾지?”
“취미 활동을 꾸준히 하고 싶은데, 혼자서는 자꾸 미루게 돼…”

취미 생활, 혼자 즐기는 것도 좋지만 때로는 함께 나누고 싶을 때가 있으시죠? 다른 사람들은 어떤 취미를 즐기는지 궁금하기도 하고, 내 활동을 보여주며 동기 부여도 얻고 싶고요. 혼자서는 어렵게 느껴졌던 꾸준함도, 함께라면 즐거운 습관이 될 수 있습니다.

취미를 더 즐겁고 행복하게 하는 커뮤니티 공간, 'HOBBi'에서 이 모든 것을 경험해 보세요❤️


🎨 주요 기능

Frame (6) Frame (7) Frame (8)

🧑🏻‍💻 아키텍처

Frame (9)

📚 Libraries

Next.js React TypeScript TanStack Zustand TailwindCSS Framer Motion Husky LintStaged Prettier Eslint StoryBook

🏘️ TEAM

Frame (14)

PM Designer Front End Front End Back End Back End Back End
김현섭 장혜경 박현석 유소민 최서웅 김지원 이재원

📂 Folder Structure

Next.js 15 App Rounting을 기반으로 하고있습니다.

📦src
 ┣ 📂app
 ┃ ┣ 📂(auth)
 ┃ ┃ ┣ 📂find_password
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┣ 📂login
 ┃ ┃ ┃ ┗ 📂social
 ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┣ 📂oauth
 ┃ ┃ ┃ ┗ 📂callback
 ┃ ┃ ┃ ┃ ┗ 📂[provider]
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┣ 📂signup
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┣ 📂verify_email
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┣ 📂verify_fail
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┣ 📜layout.tsx
 ┃ ┃ ┗ 📜page.tsx
 ┃ ┣ 📂(post)
 ┃ ┃ ┣ 📂posts
 ┃ ┃ ┃ ┣ 📂[id]
 ┃ ┃ ┃ ┃ ┗ 📂edit
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┣ 📂search
 ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┣ 📂write
 ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┗ 📜layout.tsx
 ┃ ┣ 📂my_page
 ┃ ┃ ┣ 📂delete_account
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┣ 📂delete_confirm
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┣ 📂edit
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┣ 📜layout.tsx
 ┃ ┃ ┗ 📜page.tsx
 ┃ ┣ 📂posts
 ┃ ┃ ┗ 📂[id]
 ┃ ┃ ┃ ┣ 📜layout.tsx
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┣ 📜favicon.ico
 ┃ ┣ 📜global-error.tsx
 ┃ ┣ 📜globals.css
 ┃ ┣ 📜layout.tsx
 ┃ ┗ 📜not-found.tsx
 ┣ 📂assets
 ┃ ┗ 📂fonts
 ┃ ┃ ┗ 📜PretendardVariable.woff2
 ┣ 📂components
 ┃ ┣ 📂auth
 ┃ ┃ ┣ 📜login_form.tsx
 ┃ ┃ ┣ 📜password_find.tsx
 ┃ ┃ ┣ 📜signup_form.tsx
 ┃ ┃ ┣ 📜splash_screen.tsx
 ┃ ┃ ┣ 📜user_info_form.tsx
 ┃ ┃ ┗ 📜verify_email_content.tsx
 ┃ ┣ 📂common
 ┃ ┃ ┣ 📜button.tsx
 ┃ ┃ ┣ 📜floating_toast.tsx
 ┃ ┃ ┣ 📜header.tsx
 ┃ ┃ ┣ 📜hobby_selector.tsx
 ┃ ┃ ┣ 📜input.tsx
 ┃ ┃ ┣ 📜level_icon.tsx
 ┃ ┃ ┣ 📜loader.tsx
 ┃ ┃ ┣ 📜mbti_button.tsx
 ┃ ┃ ┣ 📜modal.tsx
 ┃ ┃ ┣ 📜my_profile.tsx
 ┃ ┃ ┣ 📜profile.tsx
 ┃ ┃ ┣ 📜search_bar.tsx
 ┃ ┃ ┣ 📜social_button.tsx
 ┃ ┃ ┣ 📜svg_icon.tsx
 ┃ ┃ ┣ 📜tab_bar.tsx
 ┃ ┃ ┗ 📜tag.tsx
 ┃ ┣ 📂my_page
 ┃ ┃ ┣ 📜edit_nickname.tsx
 ┃ ┃ ┣ 📜edit_password.tsx
 ┃ ┃ ┣ 📜user_hobby.tsx
 ┃ ┃ ┣ 📜user_post.tsx
 ┃ ┃ ┣ 📜user_post_card.tsx
 ┃ ┃ ┣ 📜user_profile.tsx
 ┃ ┃ ┗ 📜user_rank.tsx
 ┃ ┣ 📂notification
 ┃ ┃ ┣ 📜notification_list.tsx
 ┃ ┃ ┗ 📜notification_page.tsx
 ┃ ┣ 📂post
 ┃ ┃ ┣ 📜post_action_bar.tsx
 ┃ ┃ ┣ 📜post_card.tsx
 ┃ ┃ ┣ 📜post_card_skeleton.tsx
 ┃ ┃ ┣ 📜post_comment.tsx
 ┃ ┃ ┣ 📜post_form.tsx
 ┃ ┃ ┣ 📜post_header.tsx
 ┃ ┃ ┣ 📜post_image_slider.tsx
 ┃ ┃ ┣ 📜post_image_uploader.tsx
 ┃ ┃ ┗ 📜share_menu.tsx
 ┃ ┣ 📂rank
 ┃ ┃ ┣ 📜challenge_item.tsx
 ┃ ┃ ┣ 📜level_badge.tsx
 ┃ ┃ ┣ 📜level_progress_bar.tsx
 ┃ ┃ ┣ 📜progress_provider.tsx
 ┃ ┃ ┗ 📜tooltip.tsx
 ┃ ┗ 📂search
 ┃ ┃ ┣ 📜search.tsx
 ┃ ┃ ┣ 📜search_card.tsx
 ┃ ┃ ┣ 📜search_card_skeleton.tsx
 ┃ ┃ ┗ 📜search_content.tsx
 ┣ 📂hooks
 ┃ ┗ 📜use_email_verification.tsx
 ┣ 📂services
 ┃ ┣ 📜api.ts
 ┃ ┣ 📜providers.tsx
 ┃ ┣ 📜sse.js
 ┃ ┗ 📜sse_handler.tsx
 ┣ 📂store
 ┃ ┣ 📜auth.ts
 ┃ ┣ 📜challenge.ts
 ┃ ┣ 📜feed.ts
 ┃ ┣ 📜hobby.ts
 ┃ ┣ 📜modal.tsx
 ┃ ┣ 📜notification.ts
 ┃ ┣ 📜search.ts
 ┃ ┣ 📜signup.ts
 ┃ ┣ 📜toast.ts
 ┃ ┗ 📜user_profile.ts
 ┣ 📂stories
 ┃ ┣ 📂assets
 ┃ ┣ 📜Button.stories.tsx
 ┃ ┣ 📜FloatingToast.stories.tsx
 ┃ ┣ 📜HobbySelector.stories.tsx
 ┃ ┣ 📜Input.stories.tsx
 ┃ ┣ 📜Loader.stories.tsx
 ┃ ┣ 📜MbtiButton.stories.tsx
 ┃ ┣ 📜MyProfile.stories.tsx
 ┃ ┣ 📜Profile.stories.tsx
 ┃ ┣ 📜SearchBar.stories.tsx
 ┃ ┣ 📜SocialButton.stories.tsx
 ┃ ┣ 📜SvgIcon.stories.tsx
 ┃ ┗ 📜Tag.stories.tsx
 ┣ 📂types
 ┃ ┣ 📜auth.ts
 ┃ ┣ 📜challenge.ts
 ┃ ┣ 📜hobby.ts
 ┃ ┣ 📜modal.ts
 ┃ ┣ 📜my_page.ts
 ┃ ┣ 📜notification.ts
 ┃ ┣ 📜post.ts
 ┃ ┣ 📜rank.ts
 ┃ ┣ 📜search.ts
 ┃ ┗ 📜types.ts
 ┣ 📂utils
 ┃ ┣ 📜copy.tsx
 ┃ ┣ 📜date.ts
 ┃ ┣ 📜password_validation.ts
 ┃ ┗ 📜utils.ts
 ┣ 📜.DS_Store
 ┗ 📜middleware.ts

About

"취미를 더 즐겁고 행복하게 취미인들의 커뮤니티 공간, 호비"

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages