Pudn.com > 下载中心 > collect > Frontend-Mentor-URL-Shortening-Project

Frontend-Mentor-URL-Shortening-Project

所属分类：collect
开发工具：SCSS
文件大小：0KB
下载次数：0
上传日期：2023-11-29 20:56:42
上传者：sh-1993

说明：一个成对编程项目，利用URL缩短API并使用本地存储存储压缩的URL。
(A pair programming project which leverages the URL Shortening API and stores condensed URLs using Local Storage.)

文件列表:

.browserslistrc (242, 2023-11-29)
index.html (13492, 2023-11-29)
main.js (11772, 2023-11-29)
package-lock.json (22595, 2023-11-29)
package.json (268, 2023-11-29)
public/ (0, 2023-11-29)
public/bg-boost-desktop.svg (1027, 2023-11-29)
public/bg-boost-mobile.svg (739, 2023-11-29)
public/bg-shorten-desktop.svg (658, 2023-11-29)
public/bg-shorten-mobile.svg (372, 2023-11-29)
public/favicon-32x32.png (1063, 2023-11-29)
public/fonts/ (0, 2023-11-29)
public/fonts/Poppins-Bold.woff2 (50576, 2023-11-29)
public/fonts/Poppins-Medium.woff2 (50488, 2023-11-29)
public/footer_logo.svg (3520, 2023-11-29)
public/icon-brand-recognition.svg (1705, 2023-11-29)
public/icon-detailed-records.svg (995, 2023-11-29)
public/icon-facebook.svg (406, 2023-11-29)
public/icon-fully-customizable.svg (1977, 2023-11-29)
public/icon-instagram.svg (970, 2023-11-29)
public/icon-pinterest.svg (822, 2023-11-29)
public/icon-twitter.svg (526, 2023-11-29)
public/illustration-working.svg (17232, 2023-11-29)
public/logo.svg (3523, 2023-11-29)
public/mockups/ (0, 2023-11-29)
public/mockups/desktop-active-states.jpg (144852, 2023-11-29)
public/mockups/desktop-design.jpg (109535, 2023-11-29)
public/mockups/desktop-preview.jpg (223438, 2023-11-29)
public/mockups/mobile-active-states.jpg (130504, 2023-11-29)
public/mockups/mobile-design.jpg (105201, 2023-11-29)
public/mockups/mobile-navigation.jpg (24107, 2023-11-29)
src/ (0, 2023-11-29)
src/styles/ (0, 2023-11-29)
src/styles/_components/ (0, 2023-11-29)
src/styles/_components/_boost-c.scss (1180, 2023-11-29)
src/styles/_components/_company-stats.scss (2724, 2023-11-29)
src/styles/_components/_footer.scss (2256, 2023-11-29)
src/styles/_components/_header.scss (3733, 2023-11-29)
... ...

URL Shortening Page - Pair Programming Project

![GitHub deployments](https://img.shields.io/github/deployments/asbhogal/Frontend-Mentor-URL-Shortening-Project/production?label=DEPLOYMENT%20STATE&style=for-the-badge&labelColor=000) ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/asbhogal/Frontend-Mentor-URL-Shortening-Project?style=for-the-badge&labelColor=000) ![GitHub repo size](https://img.shields.io/github/repo-size/asbhogal/Frontend-Mentor-URL-Shortening-Project?color=blueviolet&style=for-the-badge&labelColor=000)

A single web page rendered from a series of mockups for the Frontend Mentor challenge which leverages the URL Shortening API to return a condensed version of a user-submitted website address, stores these in the browser's local storage and allows the user to copy these to their clipboard. Regex has also been used to check whether the URL entered is valid. This is a pair programming project between ofthewildfire and asbhogal, built using HTML5, CSS3, SCSS and JavaScript. :heavy_check_mark: Features:
- Designs representative of mockups - Uses async-await functionality to call API - Leverages Clipboard API - Regex for user-inputted URL validation - Fully responsive - Optimised for the web - Locally hosted fonts :nerd_face: Stacks & Tools Used:

Links :link:
- URL Shortening Page - Frontend Mentor Challenge

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：