Code Monkey home page Code Monkey logo

frontend's Introduction

자리어때

Seat Choice

공연장 시야를 확인할 수 있는 리뷰 서비스

노션   |   컴포넌트 문서


📝 공연 관람시 해당 좌석에서 경험한 시야, 소리 등의 정보를 사진과 함께 리뷰를 작성할 수 있어요.

👀 공연/공연시설으로 검색하여 관련 공연장의 좌석 리뷰들을 확인할 수 있어요.

🔔 작성한 리뷰의 댓글, 좋아요를 남기고 이를 알림으로 확인할 수 있어요.


기술스택

Nextjs TypeScript Tailwind Storybook


주요 기능

⌨️ 검색

현재 진행하고 있는 공연과 공연 시설을 검색할 수 있어요.

공연시설 검색

공연 검색

자동 완성

자동완성 기능을 통해 쉽게 검색할 수 있어요.

자동완성 키보드

자동완성 마우스

📝 리뷰

공연장 좌석에서 경험한 시야, 소리 등의 정보를 사진과 함께 리뷰를 작성할 수 있어요.

리뷰에 댓글, 좋아요를 남길 수 있어요.

리뷰 목록 조회

리뷰 상세 조회

리뷰 댓글 작성 & 수정

리뷰 좋아요

💬 채팅

실시간으로 여러 사용자들과 공연에 관련된 정보를 나눌 수 있어요.

채팅

채팅 메세지가 많은 경우

채팅 참여하기

채팅 메세지 보내기

🔔 알림

나의 리뷰에 달린 댓글, 좋아요를 알림 받을 수 있어요.

알림 기능


팀원

@minkyung00 @Pisodev77

frontend's People

Contributors

minkyung00 avatar pisodev77 avatar

Stargazers

Gi Beom Gwon avatar

frontend's Issues

제 코드의 대부분의 자바스크립트스럽게 작성되어 있습니다.

타입스크립트답게 작성하자.

  • 대부분의 코드가 타입이 없이 any 타입입니다. 이는 타입스크립트를 쓰는 이유가 없으며, 코드 개선이 필요합니다.

다른 사람의 코드를 참고하려합니다.

  • 이번 프로젝트 기간 내 타입에 대한 이해를 높이는 것은 불가능하다 판단되어, 타인의 코드를 읽고 컨벤션을 맞추며 이어나갈 예정입니다.

로그인 API 연결

  • 리액트 쿼리 기본 설정
  • axios 기본 설정
  • 인가 코드 전달 후 accessToken 저장

레이아웃

  • 메인헤더 레이아웃
  • 전반적인 레이아웃 조정

에러 처리

  • Error Boundary 도입
  • 전역 에러 처리
  • 401 에러
    • 로그인 권유 모달 띄우기

로그아웃 기능 구현

  • 로그인 시, 토큰에서 username 전역 변수로 저장
  • 토큰 만료일 경우 로그아웃 처리
    • response header에 토큰 x

댓글 API 연동

  • 댓글 작성 API
  • 댓글 조회 API
  • 댓글 수정 API
  • 댓글 삭제 API

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.