文件名称:shopify-2021:我对Shopify的2021年夏季(前端)实习挑战的提交
文件大小:15.36MB
文件格式:ZIP
更新时间:2024-05-27 04:23:43
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)