【文件属性】:
文件名称:shopify-2021:我对Shopify的2021年夏季(前端)实习挑战的提交
文件大小:15.36MB
文件格式:ZIP
更新时间:2021-05-07 10:37:03
challenge internship shopify JavaScript
Shopify 2021年夏季实习挑战赛
尝试
本文档包含项目中使用的所有功能的列表和记录。
目录
TL; DR
我的应用程序添加了新功能,例如其他电影详细信息,适合移动设备的视图,互动动画等等! 我在这个项目中的目标是创建一个易于使用的平台,该平台使用起来也感觉很流畅。
附加功能清单
其他影片详细资料模态
动画,加载状态和空状态
加载更多功能
提名列表在移动视图上落后于模式
提名仍在重装
登陆页面和摘要页面
工具
React
Netlify,用于托管
Cloudfront + S3,用于CDN和资产存储
Figma,用于样机和计划-
Shopify Polaris,用于组件和布局
Framer Motion API,用于动画
React图标,用于图标
React Router,用于导航
Axios,用于API请求
特定功能
搜寻与提名
提名通知5
额外功能
电影详细信息页面
【文件预览】:
shopify-2021-master
----.env(26B)
----netlify.toml(53B)
----.eslintcache(32KB)
----public()
--------manifest.json(492B)
--------index.html(2KB)
--------robots.txt(67B)
--------favicon.ico(15KB)
--------logo512.png(41KB)
--------logo192.png(12KB)
----yarn.lock(515KB)
----src()
--------pages()
--------logo.svg(3KB)
--------index.css(366B)
--------components()
--------App.js(791B)
--------reportWebVitals.js(362B)
--------App.test.js(246B)
--------setupTests.js(241B)
--------App.css(564B)
--------animation()
--------index.js(500B)
----README.md(4KB)
----read me images()
--------movie-details-animated.gif(1.06MB)
--------movie-details-regular.png(342KB)
--------sticky-feature-animated.gif(3.46MB)
--------persistent-memory-animated.gif(213KB)
--------mobile-nominationlist-animated.gif(1.8MB)
--------summary-page-animated.gif(3.35MB)
--------search-page-animated.gif(296KB)
--------load-more-animated.gif(3.31MB)
--------error-message-animated.gif(329KB)
--------main-features-1-animated.gif(775KB)
--------main-features-2-animated.gif(185KB)
----.gitignore(310B)
----package-lock.json(629KB)
----package.json(1KB)