dnd-side-project / dnd-9th-6-frontend

✨온라인 클래스 탐색 여정을 밝혀주는 Classcope✨

Classcope

✨온라인 클래스 탐색 여정을 밝혀주는 Classcope✨

Classcope는 다양한 온라인 클래스 플랫폼을 하나로 통합하여 편리한 검색 기능과 강의 후기 공유 기능을 제공하는 서비스입니다.

dnd-9th-6-frontend's Issues

[Feat] 로그인 로직 구현

설명

로그인 로직을 구현합니다.

할 일

• axios instance setting
• cookies 저장
• #8

[Feat] 공통 컴포넌트 구현

설명

공통 컴포넌트를 구현합니다.

할 일

• Button #9 #14
• Tabs #12
• Search Bar #36
• Tooltip #19
• Menu #22
• Check Box #20
• Card #24
• Badge, Tag #17
• Topbar&Container #18
• TextFlied

[Feat] Scope Page 구현

설명

Scope Page를 구현합니다.

할 일

• page layout #25
• api 연동 #33

[Feat] Infinite Scroll 구현

설명

강좌 카테고리 검색 lecture page에서 infinite scroll을 구현한다.

할 일

• Infinite Scroll 구현

[Refactor] 공통 컴포넌트 구현

설명

구현되있던 공통 컴포넌트를 TailwindCSS 기반으로 StoryBook을 활용해 CDD방식으로 재구현 합니다.

할 일

• Button

• TABS

• TopBar

• Search Input Bar

• Card (CoverCard, OutlinedCard, LandScapeCard, HorizontalCard, SquareCard)

• Footer

• Tooltip
  #41

• Implement Accordion Component

• Implement SideBar Component

• Implement Select

• Implement Radio-Group

• Implement Category Data
  #43

[Refactor] 디자인 시스템 리팩토링

설명

Server Component UI를 위해 runtime css-in-js에서 zero-runtime css 라이브러리(TailwindCSS, SCSS, Vanilla-Extract etc..)로 전환 필요

할 일

TailwindCSS를 기반으로 shadcn ui와 cva, tailwindmerge, clsx를 사용해 디자인 시스템 마이그레이션

• TailwindCSS Setting
• TailwindCSS eslint&prettier Setting
• Storybook Setting

[Feat] 버튼 컴포넌트 구현

설명

버튼 컴포넌트를 구현합니다.

할 일

• 버튼 컴포넌트 구현 #9 #11

[Init] 프로젝트 초기세팅

설명

프로젝트 초기 세팅을 진행합니다.

할 일

• React, Next.js, Typescript
• eslint, prettier
• recoil
• styled-component
  --
  #2
  #4
  #7

[Feat] Only PC Support 구현 & 에러 페이지 구현

설명

다양한 에러 페이지 화면을 구현

할 일

• Only PC Support Component
• 404, Error Page

[Init] 디자인 시스템 세팅

설명

디자인 시스템을 세팅합니다.

할 일

• Color, Typography, shadow, etc.
• #5
• #6
• Container #18