Merge pull request #400 from suraj-singh127/url-shortener

Added a URL Shortening Web App

Author: Ayushparikh-code

URL Shortener API Master/README.md

@@ -0,0 +1,71 @@
+# Frontend Mentor - Shortly URL shortening API Challenge solution
+
+This is a solution to the [Shortly URL shortening API Challenge challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/url-shortening-api-landing-page-2ce3ob-G). Frontend Mentor challenges help you improve your coding skills by building realistic projects. 
+
+## Table of contents
+
+- [Overview](#overview)
+  - [The challenge](#the-challenge)
+  - [Screenshot](#screenshot)
+  - [Links](#links)
+- [My process](#my-process)
+  - [Built with](#built-with)
+  - [What I learned](#what-i-learned)
+  - [Continued development](#continued-development)
+  - [Useful resources](#useful-resources)
+- [Author](#author)
+
+## Overview
+
+### The challenge
+
+Users should be able to:
+
+- View the optimal layout for the site depending on their device's screen size
+- Shorten any valid URL
+- See a list of their shortened links, even after refreshing the browser
+- Copy the shortened link to their clipboard in a single click
+- Receive an error message when the `form` is submitted if:
+  - The `input` field is empty
+
+### Screenshot
+
+![](./screenshot.png)
+
+### Links
+
+- Solution URL: [Add solution URL here](https://your-solution-url.com)
+- Live Site URL: [Add live site URL here](https://your-live-site-url.com)
+
+## My process
+
+### Built with
+
+- Semantic HTML5 markup
+- CSS custom properties
+- Flexbox
+- CSS Grid
+- Mobile-first workflow
+
+### What I learned
+
+I tried some new things in this project and one of them was placing media queries after each section instead of adding them at them end in
+a bulk.
+Also learned about basics of Application Programming Interface, on how to make GET/POST requests
+using the shortcode API to shorten long links.
+
+### Continued development
+
+I am looking forward to make this revisiting the project and integrating an authentication functionality using Firebase and Mongo DB for
+storing shortened links.
+
+### Useful resources
+
+- [CSS Grid Guide](https://css-tricks.com/snippets/css/complete-guide-grid/) - This helped me as a reference for CSS Grid Properties
+- [CSS Flexbox Guide](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) - This helped me as a reference for CSS Flexbox Properties
+- [Shortcode API Documentation](https://shrtco.de/docs/) - This helped me in getting information about Shortcode API.
+
+## Author
+
+- Frontend Mentor - [@suraj-singh127](https://www.frontendmentor.io/profile/suraj-singh127)
+- Twitter - [@SurajSi75026934](https://twitter.com/SurajSi75026934)