super918180 / react-eleme

模仿饿了么webapp

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React版高仿饿了么webApp

一个月前滴滴外卖进军无锡,打起来外卖大战😂,就想起一年多前滴滴黄轶老师在慕课网推出的vue高仿饿了么教程,视频中满满的干货,让我一个刚刚接触前端的学到了好多。趁着最近空闲,就尝试使用react写了一个高仿饿了么webapp, 交上一份迟到的作业。。。(代码写的比较粗糙, 一堆重复代码😂,控制不住ctr c / ctr v的麒麟臂-。-)

说明

此项目部分数据接口需要手机登陆后才能访问,我是在mac上开发的,并且只在chrome和safari以及自己的iphone上简单浏览测试了下,如果有什么问题欢迎提出😋,

技术栈

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手机模式预览))

项目截图

About

模仿饿了么webapp

License:MIT License


Languages

Language:JavaScript 68.9%Language:CSS 30.7%Language:HTML 0.4%