Movie Time - React

4173 ワード
React scss axios テキストリンク

Popcorn Time App


React Appクローン、映画情報を表示
講座:レコーダなし
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"
  },
    開発ツール情報バックアップ
    📒TIL)複数人のインタラクションを容易に管理