Code 15 React Projects

Setup 开发运行

git clone https://github.com/neptoo/react-projects.git
cd react-projects
npm install
npm start

Component 组件简介

1.Birthday Reminder 移动端联系人列表

灵感来源

2.Tours List 旅游新闻列表

3.Random Reviews 随机评论

4.Accordion 折叠手风琴效果

灵感来源

5.Menu 分类列表

6.Side Tabs 侧边栏

7.Reviews Carousel 轮播图

8.Lorem Lpsum 占位符文本生成器

9.Color Generator 输入颜色生成同色系颜色

10.Goccery Organizer 本地缓存数据的增加/编辑/删除/清空

11.Navbar 响应式导航栏

12.Sidebar Modal 侧边栏和弹窗

13.Stripe Submenu 带下拉菜单的响应式导航栏

14.Shopping Cart 购物车

• bugfix: 修复了 api 不可用的报错

Fix CORS permissions to allow the projects to work from new domain

Access to fetch at 'https://course-api.com/react-tours-project' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Project Tree 目录结构

app.module.css #修改主project的样式
data.js #修改路由路径、封面图和标题
index.js #导入组件，配置路由

Links

https://github.com/john-smilga/react-projects

更细节的需求实现，请查看：

• Notes #WIP