https://github.com/ayaysir/movie-reactjs

React(리액트)의 functional hook + Material UI 를 이용한 영화 정보 제공 사이트입니다.

(주의: 입사용 과제테스트로 수행되었으며 불합격 통지를 받은 결과물입니다. 요구사항은 대부분 구현되어 있습니다.)

 

사용 기술

  • ReactJS
  • React Hooks API
  • Axios
  • ES6+
  • JavaScript
  • HTML
  • CSS
  • Material-UI

 

주요 기능

  • 외부 API를 통해 영화 정보를 보여줌
  • 무한 스크롤 (Infinite Scroll)
  • 별점 표시 기능
  • 내용 보기 기능
  • 영화 목록 정렬 기능 (DB 등록일, 제목, 출시연도, 평점)
  • 영화 목록 필터링 기능 (최소 평점, 영화 해상도 필터)
  • 예외 처리

 

스크린샷

첫 화면 영화 목록 화면 정렬, 필터링 적용된 화면 영화 정보 화면

문의 | 코멘트 또는 yoonbumtae@gmail.com


카테고리: PortfolioReact


0개의 댓글

답글 남기기

Avatar placeholder

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다