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

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
조아라(디자이너)	이메일	주소입력

Name		Name	Last commit message	Last commit date
Latest commit History 1,006 Commits
.vscode		.vscode
public		public
src		src
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.prettierrc		.prettierrc
README.md		README.md
next.config.js		next.config.js
package.json		package.json
postcss.config.js		postcss.config.js
sentry.client.config.ts		sentry.client.config.ts
sentry.edge.config.ts		sentry.edge.config.ts
sentry.server.config.ts		sentry.server.config.ts
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Repository files navigation

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

👨‍🔧 서비스 아키텍쳐

🔍주요 기능

✅ 메인화면

✅ 영화

✅ 영화 토론

✅ 영화 리뷰

✅ 로그인 및 마이페이지

🍀 주요 기술

🧑🏻 팀원 소개

About

Releases

Packages

Contributors 4

Languages

Hediar/NBC-Project

Folders and files

Latest commit

History

Repository files navigation

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

👨‍🔧 서비스 아키텍쳐

🔍주요 기능

✅ 메인화면

✅ 영화

✅ 영화 토론

✅ 영화 리뷰

✅ 로그인 및 마이페이지

🍀 주요 기술

🧑🏻 팀원 소개

About

Resources

Stars

Watchers

Forks

Releases

Packages 0

Contributors 4

Languages

Packages