Team_17TOP_Film_FE

KO | EN

gitlite — search

#python #hacktoberfest #ai #llm #go #deep-learning #linux #nodejs #java #windows #awesome-list #pytorch #openai #open-source

Team_17TOP_Film_FE

(★ 16)

📸->🗺->🖼

Team_17TOP_Film_FE Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# FILM📸

## 📄**프로젝트 소개**

사람들마다 특별한 시간을 보낸 특별한 장소가 있다.

이런 추억을 공간에 남겨 그 곳을 다시 방문할 때 열어볼 수 있고, 함께했던 사람과 공유할 수 있으면 어떨까?

**[프로젝트 Film]** 을 통해 우리는 특별한 시간을 보낸 ***장소***에 기록(필름)을 남기고, 함께 ***시간***을 보낸 사람과 추억(필름)을 공유하여 시공간을 넘은 소통을 할 수 있다.

## 🔗서비스 주소

링크 : [https://film17.org](https://film17.org)

## 👨‍👨‍👧‍👧팀원 소개

<table>
<tr>
<td align="center"><a href="https://github.com/2sjeong918"><img src="https://user-images.githubusercontent.com/70435257/146951570-1950d244-bbd4-439a-bb23-24a513ac72a0.png" width="150px" /></a></td>
<td align="center"><a href="https://github.com/palsa131"><img src="https://user-images.githubusercontent.com/70435257/146951411-73f25a1b-ead5-48dd-8296-e9a652200b90.png" width="150px" /></a></td>
<td align="center"><a href="https://github.com/jinn2u"><img src="https://user-images.githubusercontent.com/70435257/146951645-2939ca58-b1ef-4623-a105-12759efd1291.png" width="150px" /></a></td>
<td align="center"><a href="https://github.com/iyj6707"><img src="https://user-images.githubusercontent.com/70435257/146951725-5222c696-e5c9-45ec-b097-9d39213f3a6b.png" width="150px" /></a></td>
<td align="center"><a href="https://github.com/16min99"><img src="https://user-images.githubusercontent.com/70435257/146951967-8c757ca2-2549-4377-9e06-41cfd0543b9a.png" width="150px" /></a></td>
<td align="center"><a href="https://github.com/jungeu1509"><img src="https://user-images.githubusercontent.com/70435257/146952077-86199ea8-d1b9-4a00-a468-36ee1c5d7b93.png" width="150px" /></a></td>
</tr>
<tr>
<td align="center">이소정</td>
<td align="center">김정호</td>
<td align="center">강동진</td>
<td align="center">임연재</td>
<td align="center">전민규</td>
<td align="center">정은우</td>
</tr>
<tr>
<td align="center">Product Owner</td>
<td align="center">FE Developer</td>
<td align="center">FE Developer</td>
<td align="center">Scrum Master</td>
<td align="center">BE Developer</td>
<td align="center">BE Developer</td>
</tr>
</table>

## ✨**기대 효과**

- 코로나로 인해 주위 사람들을 자주 만나지 못하는 지금, `코로나 블루` 라는 새로운 현상도 생겨나고 있다.
- 이러한 상황에서 본 서비스는 주변 사람들 또는 나 자신과의 유대감을 높여주는데 목적이 있다.
- 단순히 사진과 장소를 확인할 수 있는 기존의 갤러리 또는 클라우드와는 다르게 `다른 사람들과의 공유` 또는 `나 자신과의 공유` 를 통해 그날의 기억을 온전히 기록함으로써 보다 더 그날의 기억을 또렷히 기억하고자 하였다.
- 따라서 시간이 지날수록 흐려져가는 추억이 아니라 추억에 대해 이야기 했던 기록들도 간직함으로써 힘들 때 혹은 지칠 때 버팀목이 되어 줄 수 있는  서비스가 되고자 노력하였다.
- 또한 미래에 확인할 수 있는 `필름 생성` 기능을 통하여 본인 혹은 함께 하고싶은 사람 앞으로의 추억을 연결하고자 하였다.
- 이로 인해 과거의 추억을 특별한 때에 다시 상기시킬 수 있으며, 같은 장소에서의 추억을 다른 누군가와 공유함으로써 그 장소를 한층 더 특별한 공간으로 만들어주도록 하였다.
- 본 서비스를 통해 우리가 사진들로만 간직할 수 밖에 없었던 기억들을 보다 입체적으로 간직하여 바쁜 삶을 살아가는 현대인들에게 나무같은 존재가 되고자 한다.

## 👏주요 기능 소개
<table align="center">
<tr>
<td align="center">최초 개봉, 열람 삭제</td>
<td align="center">마이페이지</td>
</tr>
<tr>
<td>
<img src = "https://user-images.githubusercontent.com/70435257/146948350-77e9bc78-93ed-4fb6-89ba-7d5dbfd7eaa9.gif" width="300px" height= "500px" />
</td>
<td>
<img src = "https://user-images.githubusercontent.com/70435257/146948673-f42756e6-5768-4795-85fb-267736475667.gif" width="300px" height="500px" />
</td>
</tr>
<tr>
<td align="center">필름 맡기기</td>
<td align="center">거리가 먼 필름일 경우</td>
</tr>
<tr>
<td>
<img src="https://user-images.githubusercontent.com/70435257/146948952-82abbf21-5669-4685-96af-24aa799f2516.gif" width="300px" height="500px" />
</td>
<td>
<img src="https://user-images.githubusercontent.com/70435257/146949328-085df49d-e3a9-4697-b3c2-2c4005c92744.gif" width="300px" height="500px" />
</td>
</tr>
</table>

## 프론트 기술 스택

## 🌱코딩 컨벤션 및 협업 규칙

[☝️우리들의 컨벤션 보러가기](https://github.com/prgrms-web-devcourse/Team_17TOP_Film_FE/wiki/협업-규칙-(이슈,-브랜치,-커밋,-PR))

## 🌱깃 시나리오

[☝️우리들의 깃 시나리오 보러가기](https://github.com/prgrms-web-devcourse/Team_17TOP_Film_FE/wiki/Film의-깃-시나리오)

## 🌱컴포넌트 구조

[☝️우리들의 컴포넌트 구조](https://github.com/prgrms-web-devcourse/Team_17TOP_Film_FE/wiki/Atomic-design과-컴포넌트-구조)

## 🎨와이어 프레임

## 🐳기타

[☝️더 다양한 정보를 위키에서 확인해 보세요!](https://github.com/prgrms-web-devcourse/Team_17TOP_Film_FE/wiki)

## ✍️폴더 구조

```
.
├── src
│   ├── assets
│   │   └── fonts
│   │   └── icons
│   │   └── images
│   │   └── LoginPage
│   ├── components
│   │   └── atoms
│   │   │      ├── Avatar
│   │   │      ├── Button
│   │   │      ├── Header
│   │   │      ├── Image
│   │   │      ├── Modal
│   │   │      ├── Navigation
│   │   │      ├── Text
│   │   │      ├── Upload
│   │   └── orgamism
│   │   │      ├── FireWorkEffect
│   │   │      ├── GlobalNavigation
│   │   │      ├── Loader
│   │   │      ├── Pin
│   │   │      ├── PreviewButtonSheet
│   │   │      ├── SearchUser
│   │   │      ├── SelecteduserList
│   │   │      ├── Toast
│   ├── contexts
│   │   └── SelectedUserProvider
│   │   └── UserProvider
│   ├── hooks
│   │   └── useLocalStorage
│   ├── pages
│   │   ├── CreatepostPage
│   │   ├── HomePage
│   │   ├── LoginPage
│   │   ├── MyPage
│   │   ├── NotFoundPage
│   │   ├── OauthPage
│   │   ├── PostDetailPage
│   │   ├── SignUpPage
│   ├── routes
│   │   └── NotLoginCanUseRoute
│   │   └── PrivateRoute
│   │   └── Router
│   ├── stories
│   ├── styles
│   │   └── colors
│   │   └── fonts
│   │   └── gaps
│   └── utils
│   │   └── apis
│   │   └── constants
│   │   └── functions
└── public
```

## ⭐️Github Repository

프런트 : [Team_17TOP_Film_FE](https://github.com/prgrms-web-devcourse/Team_17TOP_Film_FE)

백엔드 : [Team_17TOP_Film_BE](https://github.com/prgrms-web-devcourse/Team_17TOP_Film_BE)

Team_17TOP_Film_FE

Team_17TOP_Film_FE Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Team_17TOP_Film_FE

Team_17TOP_Film_FE Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README