airbnb photo gallery 源码
AirBnb(照相馆微服务) 对于这个项目,我想重新创建AirBnb位置详细信息页面的AirBnb导航栏和图片库部分。 AirBnb的UI设计富有创意和创新-实现其中一些UI元素确实很有趣。 演示: 步骤1 为MySQL数据库建立架构/向数据库添加数据点 可视化应用程序的整体思想和路线 第2步 使用硬编码数据创建所有方面的AirBnb网站的草稿 在这一阶段,我没有包括任何CSS。 我主要专注于获取照片库和导航栏的信息。 第三步 开始添加CSS以使应用程序看起来像原始的 设计上最大的挑战之一是重新创建AirBnb下拉菜单-但是一旦完成,就值得花上几个小时! 第4步 实施React路由器来导航到“显示所有照片”或从“显示所有照片” 第5步 生成Express服务器 在客户端,服务器和数据库之间建立功能连接 从数据库中提取数据并将其呈现到客户端上 设置 npm安装 npm运行种子 npm运行
文件列表
airbnb-photo-gallery-main.zip
(预估有个20文件)
airbnb-photo-gallery-main
client
src
index.js
208B
components
PhotoGallery.jsx
2KB
App.jsx
1KB
Header.jsx
1KB
Images.jsx
4KB
NavBar.jsx
1KB
暂无评论