/FEDC5_STYLED_sehee

👔 OOTD 공유 플랫폼, 스타일드 (STYLED)

Primary LanguageTypeScript

Team STYLED

styledd

STYLED

패션에 관심이 많은 사람들은 주로 인스타그램에서 본인의 ootd를 공유합니다. 실제로 #ootd를 검색해보면 정말 많은 게시물이 존재하는데, 아예 ootd를 공유하는 계정을 따로 생성하여 ootd만 공유하는 사람들도 많습니다.

그러나 기존 SNS의 경우 여러 사용자들이 다양한 주제를 공유하는 플랫폼이기 때문에 다른 사람의 ootd를 보기 위해서는 태그 검색이 필요합니다. 또한 #ootd의 경우 현재 기준 게시물이 약 4.3억개인데, 이는 한국 뿐만 아니라 전세계 사용자들이 사용하고 있기 때문입니다. 그래서 한국인들은 주로 #오오티디라는 한글 태그를 붙여서 공유를 하고 있습니다.

이처럼 기존 서비스에서의 ootd 공유 과정에서는 불필요한 과정들이 많기 때문에, ootd만을 찾아가고 소통하는 과정이 다소 불편합니다. 그렇기 때문에 패션에만 관심이 있는 사람들끼리 공유할 수 있는, ootd만을 공유할 수 있는 플랫폼이 필요하다고 생각했습니다.

이렇듯, Styled는 자신의 ootd를 공유하며 소통하고자하는 사람들의 니즈를 충족하고자 기획된, OOTD만을 위한 패션 특화 소셜 네트워크 서비스입니다.

👨‍👨‍👦‍👦 팀원 소개

조익준 지인혁 황재웅 이승민 김현주

🌈 실행 화면

STYLED 시연 영상

🚀 실행 방법

git clone https://github.com/prgrms-fe-devcourse/FEDC5_STYLED_sehee
npm install
npm run dev

🧷 환경 변수 목록

VITE_API_END_POINT =

👀 Dependencies

Name Version Link
Node.js 20.10.0 https://nodejs.org/en
npm 10.2.3 -
react-query ^5.15.0 https://www.npmjs.com/package/react-query
lodash ^4.17.21 https://www.npmjs.com/package/lodash
axios ^1.6.3 https://www.npmjs.com/package/axios
dayjs ^1.11.10 https://www.npmjs.com/package/dayjs
react ^18.2.0 https://www.npmjs.com/package/react
react-dom ^18.2.0 https://www.npmjs.com/package/react-dom
react-intersection-observer ^9.5.3 https://www.npmjs.com/package/react-intersection-observer
react-router-dom ^6.21.1 https://www.npmjs.com/package/react-router-dom
styled-components ^6.1.3 https://www.npmjs.com/package/styled-components
styled-reset ^4.5.1 https://www.npmjs.com/package/styled-reset
zustand ^4.4.7 https://www.npmjs.com/package/zustand
@types/lodash ^4.14.202 https://www.npmjs.com/package/@types/lodash
@types/styled-components ^5.1.34 https://www.npmjs.com/package/@types/styled-components