【文件属性】：
文件名称：chakra-ui-url-shorten
文件大小：837KB
文件格式：ZIP
更新时间：2021-03-06 05:58:21
TypeScript
客观的
使用TypeScript和NextJS，您面临的挑战是构建一个缩短URL的Web应用程序，与集成，并使它看起来与设计尽可能接近。
简短的
URL缩短是Web上的一种技术，在这种技术中，统一资源定位符（URL）可以大大缩短并且仍然直接指向所需的页面。 这可以通过使用重定向链接到具有长URL的网页的重定向来实现。 例如，URL“ ”可以缩写为“ 可以为“ 可以缩写为“ ”。
您面临的挑战是构建此登录页面，并与集成，并使它看起来与设计尽可能接近。
您的用户应该能够：
根据设备的屏幕尺寸查看网站的最佳布局
缩短任何有效的URL
即使刷新浏览器，也可以查看其缩短的链接列表
只需单击一下即可将缩短的链接复制到其剪贴板
提交form时，如果出现以下情况，则会收到错误消息： input字段为空
您的任务是将项目扩展到/design文件夹中的/design 。 您会发现该设计的移动版本和
【文件预览】：
chakra-ui-url-shorten-master
----images()
--------illustration-working.svg(17KB)
--------icon-detailed-records.svg(995B)
--------icon-facebook.svg(406B)
--------icon-fully-customizable.svg(2KB)
--------logo.svg(3KB)
--------bg-boost-mobile.svg(739B)
--------icon-brand-recognition.svg(2KB)
--------icon-pinterest.svg(822B)
--------bg-boost-desktop.svg(1KB)
--------favicon-32x32.png(1KB)
--------bg-shorten-mobile.svg(372B)
--------icon-twitter.svg(526B)
--------icon-instagram.svg(970B)
--------bg-shorten-desktop.svg(658B)
----design()
--------mobile-design.jpg(103KB)
--------desktop-design.jpg(107KB)
--------mobile-active-states.jpg(127KB)
--------desktop-active-states.jpg(141KB)
--------mobile-navigation.jpg(24KB)
--------desktop-preview.jpg(218KB)
----README.md(3KB)
----style-guide.md(804B)
----finn-frontend()
--------pages()
--------public()
--------yarn.lock(349KB)
--------next-env.d.ts(75B)
--------styles()
--------.eslintrc.js(1KB)
--------cypress()
--------.vscode()
--------cypress.json(41B)
--------components()
--------tsconfig.json(660B)
--------.prettierrc(65B)
--------README.md(516B)
--------.editorconfig(355B)
--------.gitignore(386B)
--------package.json(1KB)