Popcorn Time App

영화 정보 보여주는 React App 클론코딩

lecture : 노마드 코더
github : Unchaptered Repository

USED

React
Axios
Styled-components & scss

GOAL

• use React function render
• use React class render
• use React Containers & Presneter Pattern
• get Movie Data as API by axios
• apply scss styles sheet by styled-components

API Verbs

• [✅] Upcoming (Movie)

• [✅] Now Playing (Movie)

• [✅] Top Rated (Tv)

• [✅] Popular (Tv, Movie)

• [✅] Airing Today (Tv)

• [✅] Detail of Tv (Tv)

• [✅] Detail of Movie (Movie)

-[✅] Search Tv (Tv) -[✅] Search Movie (Movie)

OUTPUT Watch by Figma!

Module List

"dependencies": {
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "axios": "^0.24.0",
    "gh-pages": "^3.2.3",
    "localtunnel": "^2.0.2",
    "prop-types": "^15.7.2",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-helmet": "^6.1.0",
    "react-router-dom": "^5.3.0",
    "react-scripts": "4.0.3",
    "styled-components": "^5.3.3",
    "styled-reset": "^4.3.4",
    "web-vitals": "^1.0.1"
  },