[무비바바] 영화평론사이트

2023.08.16 ~ 2023.09.15

무비바바는 자신이 본 영화를 기록하고, 영화에 대해 이야기도 나눠볼 수 있는 영화 평론 커뮤니티입니다.

사용자가 자신이 본 영화에 대해 평점을 매기면, 장르별 추천을 통해서 좋아할만한 영화를 알아서 추천받을 수 있어요!
뿐만 아니라 영화에 대해 토론을 할 수 있는 토픽 글을 작성할 수 있고, 그 외 영화 정보와 순위 등의 다양한 서비스를 제공합니다.

🎬무비바바 방문하기

👨‍🔧 서비스 아키텍쳐

ERD

폴더 구조

📦src
 ┣ 📂api
 ┃ ┣ 📂generateUsername
 ┃ ┃ ┣ 📜generateRandomUsername.ts
 ┃ ┃ ┣ 📜generateUniqueRandomUsername.ts
 ┃ ┃ ┗ 📜isUsernameAvailable.ts
 ┃ ┣ 📂movieStatistics
 ┃ ┃ ┣ 📜countMovieGenres.ts
 ┃ ┃ ┣ 📜getGenresUserLikes.ts
 ┃ ┃ ┣ 📜getLikesByGenres.ts
 ┃ ┃ ┣ 📜getNumbersOfGenresWatched.ts
 ┃ ┃ ┣ 📜getOrganizedMovieDetails.ts
 ┃ ┃ ┣ 📜getRuntimesByGenres.ts
 ┃ ┃ ┗ 📜getWatchedMoviesList.ts
 ┃ ┣ 📂supabase
 ┃ ┃ ┣ 📜getUserIsPublicData.ts
 ┃ ┃ ┣ 📜saveUserProviderWithEmail.ts
 ┃ ┃ ┗ 📜toggleIsPublicData.ts
 ┃ ┣ 📜discoverMoviesWithGenreId.ts
 ┃ ┣ 📜doesUserMatch.ts
 ┃ ┣ 📜formatTime.ts
 ┃ ┣ 📜getMovieDataWithMovieIds.ts
 ┃ ┣ 📜getMovieGenres.ts
 ┃ ┣ 📜getMovieNameWIthMovieId.ts
 ┃ ┣ 📜POSTWatchLater.ts
 ┃ ┣ 📜review.ts
 ┃ ┣ 📜supabase-discussion.ts
 ┃ ┗ 📜tmdb.ts
 ┣ 📂app
 ┃ ┣ 📂(auth)
 ┃ ┃ ┣ 📂(route-handler)
 ┃ ┃ ┃ ┣ 📂auth
 ┃ ┃ ┃ ┃ ┣ 📂callback
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┣ 📂delete-account
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┣ 📂get-userdata
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┣ 📂profile
 ┃ ┃ ┃ ┃ ┃ ┣ 📂change-avatar
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📂change-password
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📂forgot-password
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📂name
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📂password
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📂reauthenticate-user
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📂username
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┣ 📂sign-in
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┣ 📂sign-out
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┗ 📂sign-up
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┣ 📂oauth
 ┃ ┃ ┃ ┃ ┗ 📂(social-sign-in)
 ┃ ┃ ┃ ┃ ┃ ┗ 📂callback
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┗ 📂search-username
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┣ 📂forgot-password
 ┃ ┃ ┃ ┣ 📜form.tsx
 ┃ ┃ ┃ ┣ 📜page.tsx
 ┃ ┃ ┃ ┗ 📜resetPassword.tsx
 ┃ ┃ ┗ 📂redirect
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┣ 📂(color-extract)
 ┃ ┃ ┗ 📂api
 ┃ ┃ ┃ ┗ 📂imagecolorpicker
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┣ 📂(discussion-view-route-handler)
 ┃ ┃ ┗ 📂api
 ┃ ┃ ┃ ┗ 📂discussion
 ┃ ┃ ┃ ┃ ┗ 📂view
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┣ 📂(movies-route-handler)
 ┃ ┃ ┗ 📂movies
 ┃ ┃ ┃ ┣ 📂ignore-movie
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┣ 📂rate-movie
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┗ 📂watch-later
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┣ 📂(user-page)
 ┃ ┃ ┗ 📂user-page
 ┃ ┃ ┃ ┣ 📂[username]
 ┃ ┃ ┃ ┃ ┣ 📂info
 ┃ ┃ ┃ ┃ ┃ ┣ 📜not-found.tsx
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┣ 📂likes
 ┃ ┃ ┃ ┃ ┃ ┣ 📂private
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┃ ┣ 📜layout.tsx
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┣ 📂recommendations
 ┃ ┃ ┃ ┃ ┃ ┣ 📜layout.tsx
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┣ 📂reviews
 ┃ ┃ ┃ ┃ ┃ ┣ 📜client.tsx
 ┃ ┃ ┃ ┃ ┃ ┣ 📜layout.tsx
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┣ 📂settings
 ┃ ┃ ┃ ┃ ┃ ┣ 📜layout.tsx
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┣ 📂watch-later
 ┃ ┃ ┃ ┃ ┃ ┣ 📜layout.tsx
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┣ 📂change-username
 ┃ ┃ ┃ ┃ ┃ ┣ 📜form.tsx
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┣ 📂delete-account
 ┃ ┃ ┃ ┃ ┃ ┣ 📜form.tsx
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┣ 📂index.ts
 ┃ ┃ ┃ ┃ ┗ 📂socials
 ┃ ┃ ┃ ┃ ┃ ┣ 📂add
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜form.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┃ ┗ 📂delete
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜form.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┣ 📂user
 ┃ ┃ ┃ ┃ ┣ 📂account
 ┃ ┃ ┃ ┃ ┃ ┣ 📂notifications
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜notifications.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜page.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜settings.tsx
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┣ 📂activity
 ┃ ┃ ┃ ┃ ┃ ┣ 📂posts
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜posts.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜single-post.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜thread.tsx
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┗ 📂user
 ┃ ┃ ┃ ┃ ┃ ┣ 📂comments
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜comments.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┗ 📂types
 ┃ ┃ ┃ ┃ ┣ 📜app.ts
 ┃ ┃ ┃ ┃ ┣ 📜auth.ts
 ┃ ┃ ┃ ┃ ┣ 📜i18n.ts
 ┃ ┃ ┃ ┃ ┗ 📜redux.ts
 ┃ ┃ ┗ 📜index.ts
 ┃ ┣ 📂public
 ┃ ┃ ┣ 📂static
 ┃ ┃ ┃ ┣ 📜main.css
 ┃ ┃ ┃ ┗ 📜main.js
 ┃ ┃ ┣ 📜favicon.ico
 ┃ ┃ ┣ 📜index.html
 ┃ ┃ ┗ 📜manifest.webmanifest
 ┃ ┣ 📜App.tsx
 ┃ ┗ 📜index.tsx
 ┣ 📂(models)
 ┃ ┣ 📂api
 ┃ ┃ ┣ 📂generateUsername
 ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┣ 📂interfaces
 ┃ ┃ ┃ ┃ ┣ 📜generateRandomUsername.ts
 ┃ ┃ ┃ ┃ ┣ 📜generateUniqueRandomUsername.ts
 ┃ ┃ ┃ ┃ ┗ 📜isUsernameAvailable.ts
 ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┣ 📂movieStatistics
 ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┣ 📂interfaces
 ┃ ┃ ┃ ┃ ┣ 📜countMovieGenres.ts
 ┃ ┃ ┃ ┃ ┣ 📜getGenresUserLikes.ts
 ┃ ┃ ┃ ┃ ┣ 📜getLikesByGenres.ts
 ┃ ┃ ┃ ┃ ┣ 📜getNumbersOfGenresWatched.ts
 ┃ ┃ ┃ ┃ ┣ 📜getOrganizedMovieDetails.ts
 ┃ ┃ ┃ ┃ ┣ 📜getRuntimesByGenres.ts
 ┃ ┃ ┃ ┃ ┗ 📜getWatchedMoviesList.ts
 ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┣ 📂supabase
 ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┣ 📂interfaces
 ┃ ┃ ┃ ┃ ┣ 📜getUserIsPublicData.ts
 ┃ ┃ ┃ ┃ ┣ 📜saveUserProviderWithEmail.ts
 ┃ ┃ ┃ ┃ ┗ 📜toggleIsPublicData.ts
 ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┣ 📂discoverMoviesWithGenreId.ts
 ┃ ┃ ┣ 📂doesUserMatch.ts
 ┃ ┃ ┣ 📂formatTime.ts
 ┃ ┃ ┣ 📂getMovieDataWithMovieIds.ts
 ┃ ┃ ┣ 📂getMovieGenres.ts
 ┃ ┃ ┣ 📂getMovieNameWIthMovieId.ts
 ┃ ┃ ┣ 📂POSTWatchLater.ts
 ┃ ┃ ┣ 📂review.ts
 ┃ ┃ ┣ 📂supabase-discussion.ts
 ┃ ┃ ┗ 📂tmdb.ts
 ┃ ┗ 📜index.ts
 ┃ ┣ 📂app
 ┃ ┃ ┣ 📂(auth)
 ┃ ┃ ┃ ┣ 📂(route-handler)
 ┃ ┃ ┃ ┃ ┣ 📂auth
 ┃ ┃ ┃ ┃ ┃ ┗ 📂callback
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📂delete-account
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📂get-userdata
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📂profile
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂change-avatar
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂change-password
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂forgot-password
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂name
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂password
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂reauthenticate-user
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂username
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┣ 📂sign-in
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┣ 📂sign-out
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┗ 📂sign-up
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┣ 📂oauth
 ┃ ┃ ┃ ┃ ┗ 📂(social-sign-in)
 ┃ ┃ ┃ ┃ ┃ ┣ 📂callback
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┗ 📂google-sign-in
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┗ 📂search-username
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┣ 📂forgot-password
 ┃ ┃ ┃ ┃ ┣ 📜form.tsx
 ┃ ┃ ┃ ┃ ┣ 📜page.tsx
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┣ 📂index.ts
 ┃ ┃ ┃ ┣ 📂name
 ┃ ┃ ┃ ┃ ┣ 📜form.tsx
 ┃ ┃ ┃ ┃ ┣ 📜page.tsx
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┣ 📂password
 ┃ ┃ ┃ ┃ ┣ 📜form.tsx
 ┃ ┃ ┃ ┃ ┣ 📜page.tsx
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┣ 📂reauthenticate-user
 ┃ ┃ ┃ ┃ ┣ 📜form.tsx
 ┃ ┃ ┃ ┃ ┣ 📜page.tsx
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┣ 📂username
 ┃ ┃ ┃ ┃ ┣ 📜form.tsx
 ┃ ┃ ┃ ┃ ┣ 📜page.tsx
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┣ 📂user
 ┃ ┃ ┃ ┣ 📂account
 ┃ ┃ ┃ ┃ ┣ 📂(route-handler)
 ┃ ┃ ┃ ┃ ┃ ┣ 📂notifications
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂index.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂notifications
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜page.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜settings.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜toggle.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜page.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜settings.tsx
 ┃ ┃ ┃ ┃ ┃ ┣ 📂posts
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜posts.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜single-post.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜thread.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜vote.tsx
 ┃ ┃ ┃ ┃ ┃ ┣ 📂settings
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜change-email.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜change-password.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜change-username.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜delete-account.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📂user
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂comments
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜post.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜comments.tsx
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┗ 📂posts
 ┃ ┃ ┃ ┃ ┣ 📂(post)
 ┃ ┃ ┃ ┃ ┃ ┗ 📂comments
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂interfaces
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜addComment.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜addReply.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜deleteComment.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜deleteReply.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜getComments.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜getReplies.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜getReply.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜updateComment.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜updateReply.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┃ ┣ 📂interfaces
 ┃ ┃ ┃ ┃ ┃ ┣ 📜createPost.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📜deletePost.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📜getPosts.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📜getPostsByUserId.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📜getPostsForHomepage.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📜getSinglePost.ts
 ┃ ┃ ┃ ┃ ┃ ┣ 📜updatePost.ts
 ┃ ┃ ┃ ┃ ┃ ┗ 📜userLikesPost.ts
 ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┗ 📂interfaces
 ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┗ 📂search
 ┃ ┃ ┃ ┣ 📂(search-username)
 ┃ ┃ ┃ ┃ ┣ 📂search
 ┃ ┃ ┃ ┃ ┃ ┗ 📂get-user
 ┃ ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┣ 📂search-genres
 ┃ ┃ ┃ ┃ ┣ 📂search-genre
 ┃ ┃ ┃ ┃ ┃ ┗ 📂genre
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂get-genre-details
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂search-genre
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂index.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂get-genre
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┗ 📜search.ts
 ┃ ┃ ┃ ┃ ┣ 📂search-genres
 ┃ ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┃ ┣ 📂search-movie
 ┃ ┃ ┃ ┃ ┃ ┗ 📂get-movie
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂index.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┗ 📜search.ts
 ┃ ┃ ┃ ┃ ┣ 📂search-users
 ┃ ┃ ┃ ┃ ┃ ┗ 📂get-user
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂index.ts
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┃ ┃ ┗ 📜search.ts
 ┃ ┃ ┃ ┃ ┣ 📂search.ts
 ┃ ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┃ ┃ ┗ 📂user-movie
 ┃ ┃ ┃ ┃ ┣ 📂index.ts
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┗ 📂user-genres
 ┃ ┃ ┃ ┣ 📂genre
 ┃ ┃ ┃ ┃ ┣ 📂index.ts
 ┃ ┃ ┃ ┃ ┗ 📜route.ts
 ┃ ┃ ┃ ┗ 📜index.ts
 ┃ ┗ 📂models
 ┃ ┃ ┣ 📜api.ts
 ┃ ┃ ┣ 📜app.ts
 ┃ ┃ ┣ 📜auth.ts
 ┃ ┃ ┣ 📜i18n.ts
 ┃ ┃ ┗ 📜redux.ts
 ┣ 📂public
 ┃ ┣ 📂static
 ┃ ┃ ┣ 📜main.css
 ┃ ┃ ┗ 📜main.js
 ┃ ┣ 📜favicon.ico
 ┃ ┣ 📜index.html
 ┃ ┗ 📜manifest.webmanifest
 ┣ 📜App.tsx
 ┗ 📜index.tsx

🔍주요 기능

✅ 메인화면

장르별 인기영화, 최신 리뷰, 최신 개봉 영화, 지금 핫한 토픽 확인 가능
영화 찜하기, 추천 무시하기, 영화 좋아요 기능
마이페이지에서 내가 찜한 영화 확인 가능

✅ 영화

영화 검색, 검색어를 입력하여 해당 영화를 찾아볼 수 있음
인기순·최신순·별점순 정렬

✅ 영화 토론

토론글 CRUD -투표토론, 자유토론, 댓글, 댓글 좋아요, 임시저장
토론글에 조회수, 투표수
마이페이지에서 내가 쓴 글 확인 가능
리뷰 검색 -최신순·조회순·투표순 정렬, 검색명을 입력하여 해당 토론글을 찾아볼 수 있음

✅ 영화 리뷰

리뷰글 CRUD -영화 선택, 별점, 키워드 리뷰 작성, 한줄평, 임시저장
리뷰글에 좋아요
마이페이지에서 내가 쓴 글 확인 가능
리뷰 검색 -최신순·좋아요순·별점순 정렬, 검색명을 입력하여 해당 리뷰 찾아볼 수 있음

✅ 로그인 및 마이페이지

이메일 로그인, 소셜 로그인
로그인 및 회원가입시 캡챠(보안)
내정보, 추천 + 찜 + 좋아요 + 나의 리뷰 목록, 설정
평점 및 내가 본 영화 기반으로 장르별 영화를 추천
닉네임, 프로필사진, 이메일, 비밀번호 변경
나의 목록 공개 여부 -찜, 좋아요, 나의 리뷰

🍀 주요 기술

next.js

SEO 적용에 유리, SSR을 쉽게 활용할 수 있다.
typescript

명확한 타입 선언
supabase

유용한 PostgreSQL 확장 기능과 플러그인 제공
tanstack query

타입스크립트 지원과 활발한 커뮤니티로 문서와 예제가 풍부
zustand

provider가 필요없음 → 앱을 래핑하지 않아 불필요한 리렌더링 최소화
vercel

Nextjs를 간편하게 배포가능
lodash

쓰로틀링, 디바운싱 등 브라우저에서 지원하지 않는 성능이 보장되어있는 다양한 메소드를 가지고 있어 생산성이 높음
tailwind

Next.js App Router에서 사용할 수 있는 CSS라이브러리

🧑🏻 팀원 소개

이름(역할)	GITHUB	BLOG
이세령(팀장)	https://github.com/Hediar	https://velog.io/@hediar
김환훈(부팀장)	https://github.com/kimhwanhoon	https://velog.io/@kimhwanhoon
서경모(팀원)	https://github.com/CTDKSKM	https://ezsswil.tistory.com/
이지영(팀원)	https://github.com/lizzieFEstudy	https://console-log.tistory.com
조아라(디자이너)	이메일	주소입력

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

README.md

README.md

[무비바바] 영화평론사이트

👨‍🔧 서비스 아키텍쳐

🔍주요 기능

✅ 메인화면

✅ 영화

✅ 영화 토론

✅ 영화 리뷰

✅ 로그인 및 마이페이지

🍀 주요 기술

🧑🏻 팀원 소개

Files

README.md

Latest commit

History

README.md

File metadata and controls

[무비바바] 영화평론사이트

👨‍🔧 서비스 아키텍쳐

🔍주요 기능

✅ 메인화면

✅ 영화

✅ 영화 토론

✅ 영화 리뷰

✅ 로그인 및 마이페이지

🍀 주요 기술

🧑🏻 팀원 소개