An open API service indexing awesome lists of open source software.

https://github.com/pdy1207/reactmovie

Full source of YouTube videos
https://github.com/pdy1207/reactmovie

react react-project rest-api youtube

Last synced: about 2 months ago
JSON representation

Full source of YouTube videos

Awesome Lists containing this project

README

          


image

# react-movie
> **도영 Company**
**개발기간: One Day**

## 배포 주소

> **Git Hub** : [pdy1207.github.io/react-movie/](https://github.com/pdy1207/react-movie)

## 웹 개발팀 소개

| 박도영 |
| :------------------------------------------------------------------------------: |
| |
| [@pdy1207](https://github.com/pdy1207) |
| Web Dev |

## 프로젝트 소개

초보자도 할 수 있다! 영화 api를 받아와 직접 연동하고 배포까지 해보는 React 프로젝트! 강사의 꿈이 있어서 제가 직접 동영상을 찍고 편집은 못했지만 유튜브로 업로드까지 제작을 해보았습니다.
또한, 전공자 비전공자 남녀노소 가릴것 없이 누구든! 제 강의만 잘 따라오시면 누구든 할 수 있다! 라는걸 보여주고 싶었습니다.
현재는 첫 강의여서 목소리가 떨리고 긴장도 많이되었지만, 추가적인 강의에는 많은 연습과 조금 더 좋은 퀄리티로서 영상을 찍어보도록 하겠습니다.

**언제나 끝까지 들어주셔서 감사합니다.**

#### react-movie will share the knowledge of programming.

Improved understanding and application of React.js configuration.

#### react-movie's website will give you a learning-friendly environment.

Our website supports the following component.
1. Let's create your own site by linking the movie API!
2. Stop paying lectures!
3. A simple yet stylish personal project

## 시작 가이드
### Requirements
For building and running the application you need:

- [Node.js 16.17.1](https://nodejs.org/ca/blog/release/v16.17.1/)
- [Npm 8.15.0](https://www.npmjs.com/package/npm/v/8.15.0)
- [React 18.2.0](https://ko.legacy.reactjs.org/versions/)
- [API 자료](https://api.themoviedb.org/3/movie/now_playing?api_key=c4e59022826dc465ea5620d6adaa6813&language=ko&page=1&region=KR)

### Installation
``` bash
$ git clone https://github.com/pdy1207/react-movie.git
$ cd react-movie
$ npm install
$ npm start
```

## Stacks 🔧

### Environment
![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-007ACC?style=for-the-badge&logo=Visual%20Studio%20Code&logoColor=white)
![Git](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=Git&logoColor=white)
![Github](https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=GitHub&logoColor=white)

Git 은 없어도 되지만 github는 **필수**입니다!!

### Development
![react](https://img.shields.io/badge/react-61DAFB?style=for-the-badge&logo=react&color=fff)
![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=Javascript&logoColor=white)
![Css](https://img.shields.io/badge/Css-1572B6?style=for-the-badge&logo=css3&logoColor=fff)