/hooks-movie-web

react hooks+typescript实现豆瓣影视简单页面

Primary LanguageJavaScript

douban-movie-web

The proj is constructing...

GitHub stars GitHub forks

Start

# install fe pkg
$ yarn
# build
$ yarn build
# install server pkg
$ cd server 
$ yarn
$ cd ../
# run server
$ yarn serve
You can now view douban-movie-web in the browser.

  Local: http://localhost:9876/

Todo & Done

首页

  • banner
  • 历史记录
  • 检索建议
  • 正在热映
  • 新片榜
  • 北美票房榜
  • 一周口碑榜
  • Top250
  • footer

电影详情页

  • 电影评分、基本信息
  • 剧照
  • 预告片（点击打开播放虚拟页）
  • 评论
  • 热评

搜索详情页

  • 搜索信息列表

标签详情页

  • 搜索信息列表

票房页

  • 评分排行图表
  • 地域分布图表
  • 电影标签分布图表

Tech

  • React(react-hooks)
  • React-router
  • Typescript
  • ant-design
  • react-lazy-load
  • axios
  • lodash
  • Koa