Skip to content

Commit

Permalink
feat : reademe page&modal 소개 섹션 추가
Browse files Browse the repository at this point in the history
  • Loading branch information
@ohsuhyeon0119
ohsuhyeon0119 committed Feb 1, 2024
1 parent 18826df commit 5cb9880
Showing 1 changed file with 22 additions and 63 deletions.
85 changes: 22 additions & 63 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,69 +47,28 @@

## 📃 주요 PAGE & MODAL 소개

| | |
| :---------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------: |
| ![page_main](https://github.com/wafflestudio21-5/team6-web/assets/141830897/79fabfbc-98ef-4d61-b08d-e5ea55accf68) | ![page_content](https://github.com/wafflestudio21-5/team6-web/assets/141830897/c1adf20f-4971-4f7a-b8ab-0666ad1b495c) |
| 메인 페이지 | 개별 영화페이지 |
| **_박스오피스_** 순위와 **_최신 영화_**, 그리고 **_team6 팀원들이 직접 선정한 영화 목록_**에 대한 캐러셀을 제공하고 있습니다. | 각 영화별로 영화에 대한 기본 데이터(줄거리, 포스터 등)를 제공하고, 유저는 별점을 매기거나 코멘트로 감상평을 작성할 수 있습니다. |

### 랜딩페이지

### 개별 영화 페이지

개별 영화 페이지입니다.

### 영화 코멘트 작성 모달

![moda_write](https://github.com/wafflestudio21-5/team6-web/assets/141830897/ad1840e1-b75f-4e9f-955e-753bc1d0c338)
코멘트 작성 모달입니다.

### 개별 코멘트 페이지

![page_comment](https://github.com/wafflestudio21-5/team6-web/assets/141830897/80d9fe4a-be09-468a-887e-16b00c94b14d)

개별 코멘트 페이지입니다.

### 코멘트 리스트 페이지

![page_commentList](https://github.com/wafflestudio21-5/team6-web/assets/141830897/9afea23d-b32e-4608-8273-0b8d37456ab2)

코멘트 리스트는 영화 개별로, 내가 작성한 코멘트별로, 내가 좋아한 코멘트 별로 리스트 페이지가 따로 존재

### 검색페이지

![page_search](https://github.com/wafflestudio21-5/team6-web/assets/141830897/1f1501ac-fa59-4b96-b3a5-bb6e61eef352)

검색 페이지입니다.

### 유저페이지

![page_user](https://github.com/wafflestudio21-5/team6-web/assets/141830897/71868531-cbeb-4351-be33-c08a78477a11)

유저페이지입니다.

### 프로파일 편집 모달

![modal_profile](https://github.com/wafflestudio21-5/team6-web/assets/141830897/482d3932-0934-4597-8d4a-68a1ba7b724e)
프로파일 편집 모달입니다.

### 내가 평가한 영화 목록 페이지

![page_rating](https://github.com/wafflestudio21-5/team6-web/assets/141830897/ce83a2be-1251-4131-9dbc-95daa3d51785)
내가 평가한 영화 목록 페이지입니다.

### 영화 보관함 페이지

![page_storage](https://github.com/wafflestudio21-5/team6-web/assets/141830897/2614d989-82b6-4d3a-9830-6db9439be3d3)
영화 보관함 페이지입니다.

### 인증 모달

![modal_login](https://github.com/wafflestudio21-5/team6-web/assets/141830897/8be99c0d-7665-4e1d-b85a-8cf0296ec28b)

인증모달입니다.

### 모바일 반응형(여기는 표로)
| | |
| :--------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------: |
| ![page_main](https://github.com/wafflestudio21-5/team6-web/assets/141830897/79fabfbc-98ef-4d61-b08d-e5ea55accf68) | ![page_content](https://github.com/wafflestudio21-5/team6-web/assets/141830897/c1adf20f-4971-4f7a-b8ab-0666ad1b495c) |
| 메인 페이지 | 개별 영화페이지 |
| **_박스오피스_** 순위와 **_최신 영화_**, 그리고 **_team6 팀원들이 직접 선정한 영화 목록_**에 대한 캐러셀을 제공하고 있습니다. | 각 영화별로 영화에 대한 기본 데이터(줄거리, 포스터 등)를 제공하고, 유저는 별점을 매기거나 코멘트로 감상평을 작성할 수 있습니다. |
| 영화별 코멘트 작성 모달 | 개별 코멘트 페이지 |
| ![moda_write](https://github.com/wafflestudio21-5/team6-web/assets/141830897/ad1840e1-b75f-4e9f-955e-753bc1d0c338) | ![page_comment](https://github.com/wafflestudio21-5/team6-web/assets/141830897/80d9fe4a-be09-468a-887e-16b00c94b14d) |
| 각 영화에 대해 코멘트를 작성할 수 있습니다. 코멘트가 스포일러를 포함하는 지 여부를 체크할 수 있고, 이에 따라 관련 UI가 달라집니다. | 대상 영화를 포함한 코멘트 정보와, 코멘트에 달리는 댓글 목록이 제공됩니다. 댓글을 자유롭게 작성, 수정, 삭제 할 수 있습니다. |
| 코멘트 리스트 페이지 | 검색 페이지 |
| ![page_commentList](https://github.com/wafflestudio21-5/team6-web/assets/141830897/9afea23d-b32e-4608-8273-0b8d37456ab2) | ![page_search](https://github.com/wafflestudio21-5/team6-web/assets/141830897/1f1501ac-fa59-4b96-b3a5-bb6e61eef352) |
| 영화 개별 / 내가 작성한 코멘트 별 / 내가 좋아한 코멘트 별로 목록이 제공됩니다. 정렬 방식을 선택할 수 있습니다. | 영화 & 유저에 대한 통합 검색이 가능합니다. |
| 유저 페이지 | Profile 편집 모달 |
| ![page_user](https://github.com/wafflestudio21-5/team6-web/assets/141830897/69770940-19f7-49d5-87fb-5ed5e5104181) | ![modal_profile](https://github.com/wafflestudio21-5/team6-web/assets/141830897/482d3932-0934-4597-8d4a-68a1ba7b724e) |
| 로그인한 본인 계정 & 다른 계정의 유저 관련 정보를 확인할 수 있습니다. | 닉네임, 설명글, 배경 사진, 대표 사진을 변경할 수 있습니다. |
| 유저가 평가한 영화 목록 페이지 | 유저의 영화 보관함 페이지 |
| ![page_rating](https://github.com/wafflestudio21-5/team6-web/assets/141830897/ce83a2be-1251-4131-9dbc-95daa3d51785) | ![page_storage](https://github.com/wafflestudio21-5/team6-web/assets/141830897/2614d989-82b6-4d3a-9830-6db9439be3d3) |
| 유저가 별점을 매긴 영화 목록을 확인할 수 있습니다. 별점 순 탭으로 이동하면 각 별점 별로 영화 목록을 확인할 수 있습니다. | 평가 영화 목록 / 보고 싶어요로 등록한 영화 목록 / 보는 중으로 등록한 영화 목록 을 확인할 수 있습니다. |
| 유저 설정 모달 | 인증모달 |
| ![image](https://github.com/wafflestudio21-5/team6-web/assets/141830897/399655bf-7bba-4f80-8a18-bf85e41ea30a) | ![modal_login](https://github.com/wafflestudio21-5/team6-web/assets/141830897/8be99c0d-7665-4e1d-b85a-8cf0296ec28b) |
| 프로필 공유(클립보드 복사) / 로그아웃 / 회원탈퇴 기능이 제공됩니다. | 로그인 & 회원가입 모달이 있고 카카오 소셜로그인이 가능합니다. |

## 모바일 반응형(여기는 표로)

## 기능 정리

Expand Down

0 comments on commit 5cb9880

Please sign in to comment.