8000 GitHub - changmoolee/joseph-movies: 다양한 영화 정보를 찾아볼 수 있는 어플리케이션입니다. joseph-ui-kit 패키지의 UI들을 사용하여 만들었습니다.
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

다양한 영화 정보를 찾아볼 수 있는 어플리케이션입니다. joseph-ui-kit 패키지의 UI들을 사용하여 만들었습니다.

Notifications You must be signed in to change notification settings

changmoolee/joseph-movies

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

61 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

joseph-movies

url : https://joseph-movies.netlify.app/

실행 방법


1. 해당 프로젝트를 개인 로컬환경에서 실행하기 위해서는, TBDB 사이트에 가입 후, API Key 발급이 필요합니다.
https://www.themoviedb.org/ 에서 가입 및 로그인 후, 설정에서 API탭을 들어가면 API Key를 확인할 수 있습니다.

2. git clone 명령어를 통해 로컬에 git 저장소를 복제합니다.
git clone https://github.com/changmoolee/joseph-movies.git

3. 다운 받은 폴더로 이동합니다.
cd joseph-movies

4. 환경변수 설정을 위해 .env 파일을 생성하고, 아래와 같이 발급받은 Api Key를 작성한 뒤, .env 파일을 저장합니다.
REACT_APP_API_KEY = 발급 받은 API Key

5. npm install 명령어를 입력하여 모듈들을 다운로드합니다.
npm install

6. npm start 명령어를 입력하여 실행합니다.
npm start


Tech Stack



개요

TMDB의 Api를 이용하여 만든 영화 정보 검색사이트입니다.

자체 제작한 ui-kit인 joseph-ui-kit 패키지의 UI들을 활용하여 사이트를 완성했습니다.

영화의 정보들을 확인하고, 영화 이름을 검색하여 결과를 확인하세요!

소개

반응형 웹사이트

joseph-movie는 반응형 웹사이트로 제작되었습니다.
모바일, 데스크탑 등 다양한 디스플레이로 확인 가능합니다.

모바일 환경

모바일



데스크탑 환경

모바일



분류된 영화 정보

인기 있는 영화, 현재 상영중인 영화 등 원하는 정보의 탭을 눌러 영화 정보를 얻을 수 있습니다.

image



영화 이름 검색

찾고 싶은 영화의 이름을 검색하여 결과를 확인할 수 있습니다.

image



About

다양한 영화 정보를 찾아볼 수 있는 어플리케이션입니다. joseph-ui-kit 패키지의 UI들을 사용하여 만들었습니다.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0