프로젝트 S.A

💡 프로젝트 설명

프로젝트명 : YourRanking

컨셉

• 유저가 유튜브 영상을 올리고 좋아요를 누르고 순위를 확인할 수 있다.
• 유저가 올린 가장 인기있는 영상을 확인할 수 있다.

💡 Figma /와이어프레임

Untitled

💡 API 명세서

제목 없음

💡 DB 구조

User

firebase authentication

user : objec
user id = authService.currentUser.uid : String
user email = authService.currentUser.email : String
user nickname = authService.currentUser.dispalyName : String
user photoURL = authService.currentUser.photoURL : String

videos

"videos": [
    {
      "id" : String
      "contentId" : String
      "createAt": String
      "time": String
      "userId" : String
      "nickName" : String
      "likesCount" : Number
      "videoUrl" : String
      "title" : String
      "content": String 
    },
]

Likes

"likes": [
    {
      "contentID": String 
      "userID": String 
      "id": String 
    },
]

기능 개발

노션 기능개발 링크

사용 라이브러리

React

recoil

React Query

Axios

React Router

Styled Components

Typescript

uuid

React icon

React Hook Form

react-youtube

react-cookie

firebase

json-server