React版高仿饿了么webApp

说明

此项目部分数据接口需要手机登陆后才能访问,我是在mac上开发的,并且只在chrome和safari以及自己的iphone上简单浏览测试了下,如果有什么问题欢迎提出😋,启动后webpack的warning是因为使用的postcss-viewport-units适配vw,wh,vmin,vmax后会在css的content的打上viewport-units-buggyfill, 所以当我用!important修改content时postcss-viewport-units会给出警告,如果看着不爽可以在node_modules/postcss-viewport-units/index.js中注释掉warning就行了

技术栈

react, react-router4, redux, redux-thunk, betterScroll, webpack4

##项目运行

首先clone数据接口,请确保3333端口没被占用或自行更改app/app.js中的端口号，🙈因为重点是前端(其实是我不会后端😂)所以只是用express和axios转发了请求，代码比较粗糙，也没有使用babel，所以请确保使用高版本node😋

$ git clone https://github.com/gaojingran/eleme-api.git
$ npm install
$ npm start

前端项目

$ git clone https://github.com/gaojingran/react-eleme.git
$ npm install
$ npm start

效果演示

查看demo请戳这里（请用chrome手机模式预览)）

项目截图