fjw1010/react-plus-b03

🍀 B03조 럭키비키마인드조 🍀

✨ 프로젝트 소개

하루 일정과 스케쥴을 공유하고, 계획 할 수 있는 사이트 입니다!

🕛 개발 기간

24. 07. 08~ 24. 07. 14일

⚙️라이브러리 및 개발 환경⚙️

• tailwindcss
• typescript
• next.js
• date-fns
• react-calendar
• supabase
• zustand
• tanstack-query
• tanstack-query dev tools

---

👥 팀원소개

김정훈	국민영	김성준	강동석	한소영
팀장	팀원	팀원	팀원	팀원
mangmuse	minyoungKuk	ilovezerocokeya	show1486	fjw1010

---

🛠️ 기술 스택

💻 주요 기능

메인 페이지

상세 페이지

로그인

회원가입

🗂️ 폴더 구조

📦public
 ┣ 📂icons
 ┃ ┣ 📂profile
 ┃ ┃ ┗ 📜profile-placeholder2.png
 ┃ ┣ 📂sidebar
 ┃ ┃ ┣ 📜ic-calendar-check.png
 ┃ ┃ ┣ 📜ic-important.png
 ┃ ┃ ┣ 📜ic-logout.png
 ┃ ┃ ┣ 📜ic-today.png
 ┃ ┃ ┣ 📜ic-user-image.png
 ┃ ┃ ┗ 📜ic-user-page.png
 ┃ ┗ 📜filledStar.svg
 ┣ 📜cancel.png
 ┣ 📜Comment-icon.png
 ┣ 📜Ellipse.png
 ┣ 📜ic-arrow-left.png
 ┣ 📜ic-arrow-right.png
 ┣ 📜ic-close.png
 ┣ 📜ic-members.png
 ┣ 📜ic-trash-cans-icon.png
 ┣ 📜next.svg
 ┣ 📜pencil.png
 ┣ 📜shareicon.png
 ┣ 📜star.png
 ┣ 📜Vector.png
 ┗ 📜vercel.svg
📦src
 ┣ 📂app
 ┃ ┣ 📂(scheduler)
 ┃ ┃ ┣ 📂calendar
 ┃ ┃ ┃ ┣ 📂my
 ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┣ 📂shared
 ┃ ┃ ┃ ┃ ┣ 📂[calendarId]
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┗ 📜layout.tsx
 ┃ ┃ ┣ 📂mypage
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┣ 📂todos
 ┃ ┃ ┃ ┣ 📂important
 ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┣ 📂today
 ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┗ 📜layout.tsx
 ┃ ┃ ┣ 📂_components
 ┃ ┃ ┃ ┣ 📂Calendar
 ┃ ┃ ┃ ┃ ┣ 📜Calendar.tsx
 ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┣ 📂DateSelector
 ┃ ┃ ┃ ┃ ┣ 📜DateSelector.tsx
 ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┣ 📂OpenTodoModal
 ┃ ┃ ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┃ ┃ ┗ 📜OpenTodoModal.tsx
 ┃ ┃ ┃ ┣ 📂ShareCalendar
 ┃ ┃ ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┃ ┃ ┗ 📜ShareCalendar.tsx
 ┃ ┃ ┃ ┣ 📂ShareTodoList
 ┃ ┃ ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┃ ┃ ┗ 📜ShareTodoList.tsx
 ┃ ┃ ┃ ┣ 📂SideBar
 ┃ ┃ ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┃ ┃ ┗ 📜SideBar.tsx
 ┃ ┃ ┃ ┣ 📂TodoBlock
 ┃ ┃ ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┃ ┃ ┗ 📜TodoBlock.tsx
 ┃ ┃ ┃ ┣ 📂TodoDate
 ┃ ┃ ┃ ┃ ┗ 📜TodoDate.tsx
 ┃ ┃ ┃ ┣ 📂TodoItem
 ┃ ┃ ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┃ ┃ ┗ 📜TodoItem.tsx
 ┃ ┃ ┃ ┣ 📂TodoList
 ┃ ┃ ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┃ ┃ ┗ 📜TodoList.tsx
 ┃ ┃ ┃ ┗ 📂UserProfileImage
 ┃ ┃ ┃ ┃ ┗ 📜UserProfileImage.tsx
 ┃ ┃ ┗ 📜layout.tsx
 ┃ ┣ 📂api
 ┃ ┃ ┣ 📂auth
 ┃ ┃ ┃ ┣ 📂login
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┗ 📂logout
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┣ 📂calendar
 ┃ ┃ ┃ ┣ 📂participant
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┣ 📂calendars
 ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┣ 📂comments
 ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┣ 📂mypage
 ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┣ 📂supabase
 ┃ ┃ ┃ ┗ 📜user.ts
 ┃ ┃ ┣ 📂todo
 ┃ ┃ ┃ ┣ 📂my
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┗ 📂todos
 ┃ ┃ ┃ ┣ 📂my
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┣ 📂auth
 ┃ ┃ ┣ 📂login
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┣ 📂logout
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┗ 📂signup
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┣ 📜favicon.ico
 ┃ ┣ 📜globals.css
 ┃ ┗ 📜layout.tsx
 ┣ 📂components
 ┃ ┣ 📂Button
 ┃ ┃ ┣ 📜Button.tsx
 ┃ ┃ ┗ 📜index.ts
 ┃ ┣ 📂CalendarSection
 ┃ ┃ ┣ 📜CalendarSection.tsx
 ┃ ┃ ┗ 📜index.ts
 ┃ ┣ 📂Content
 ┃ ┃ ┣ 📜Content.tsx
 ┃ ┃ ┗ 📜index.ts
 ┃ ┣ 📂ContentInput
 ┃ ┃ ┣ 📜ContentInput.tsx
 ┃ ┃ ┗ 📜index.ts
 ┃ ┣ 📂Input
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┗ 📜Input.tsx
 ┃ ┣ 📂Loader
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┗ 📜Loader.tsx
 ┃ ┣ 📂Mainbar
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┗ 📜Mainbar.tsx
 ┃ ┣ 📂Modal
 ┃ ┃ ┣ 📜AlertModal.tsx
 ┃ ┃ ┣ 📜BackDrop.tsx
 ┃ ┃ ┣ 📜ConfirmModal.tsx
 ┃ ┃ ┣ 📜DeleteModal.tsx
 ┃ ┃ ┣ 📜EditMenuBox.tsx
 ┃ ┃ ┣ 📜MdShareCalendars.tsx
 ┃ ┃ ┣ 📜MdSharedCalendarForm.tsx
 ┃ ┃ ┣ 📜Modal.tsx
 ┃ ┃ ┣ 📜ModifyModal.tsx
 ┃ ┃ ┗ 📜TodoInput.tsx
 ┃ ┣ 📂Notshare
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┗ 📜Notshare.tsx
 ┃ ┣ 📂Page
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┗ 📜Page.tsx
 ┃ ┣ 📂profile
 ┃ ┃ ┗ 📜userProfile.tsx
 ┃ ┣ 📂providers
 ┃ ┃ ┣ 📜Providers.tsx
 ┃ ┃ ┗ 📜QueryProvider.tsx
 ┃ ┣ 📂Section
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┗ 📜Section.tsx
 ┃ ┗ 📜TestComponent.tsx
 ┣ 📂hooks
 ┃ ┣ 📂useMutation
 ┃ ┃ ┣ 📜useAddCommentsMutation.ts
 ┃ ┃ ┣ 📜useDeleteCommentsMutation.ts
 ┃ ┃ ┣ 📜useScheduleMutation.ts
 ┃ ┃ ┗ 📜useUpdateCommentMutation.ts
 ┃ ┣ 📂useQuery
 ┃ ┃ ┣ 📜useCalendarsQuery.ts
 ┃ ┃ ┣ 📜useCommentsQuery.ts
 ┃ ┃ ┣ 📜useMyScheduleQuery.ts
 ┃ ┃ ┣ 📜useMyTodoQuery.ts
 ┃ ┃ ┣ 📜useTodoQuery.ts
 ┃ ┃ ┗ 📜useTodosQuery.ts
 ┃ ┗ 📜useASDAS.ts
 ┣ 📂services
 ┃ ┣ 📂comment
 ┃ ┃ ┗ 📜comment.api.ts
 ┃ ┗ 📂modal
 ┃ ┃ ┗ 📜modal.context.tsx
 ┣ 📂store
 ┃ ┣ 📜useasdStore.ts
 ┃ ┣ 📜useDateStore.ts
 ┃ ┗ 📜useTodoStore.ts
 ┣ 📂types
 ┃ ┣ 📜modal.type.ts
 ┃ ┣ 📜scheduler.type.ts
 ┃ ┗ 📜supabase.ts
 ┣ 📂utils
 ┃ ┣ 📂api
 ┃ ┃ ┗ 📜schedule.api.ts
 ┃ ┣ 📂supabase
 ┃ ┃ ┣ 📜client.ts
 ┃ ┃ ┣ 📜middleware.ts
 ┃ ┃ ┗ 📜server.ts
 ┃ ┣ 📜formatSchedules.ts
 ┃ ┗ 📜todoValidation.ts
 ┗ 📜middleware.ts
📦supabase
 ┣ 📜.gitignore
 ┣ 📜config.toml
 ┣ 📜page.tsx
 ┗ 📜seed.sql

🔗 링크