URL Builder

Using only HTML, CSS and JavaScript, create a simple tool which takes three inputs and generates a URL.

Sample Input

• Original URL: http://google.com
• Source: PSV
• Team: info@progate.com

Sample Output

http://google.com#src=PSV&team=info@progate.com

Required Features

• 'Generated URL' is created/updated in real-time as user enters the parameters
• 'Copy URL' button which copies the generated URL to the clipboard.
• Create UI similar to this mockup:

Optional Features

• Input validation (ex - Show an error if 'Original URL' is not a link or 'Team' is not an email)
• Add a 'Shorten' button which only appears when value of 'Generated URL' is not null.
• Integrate tiny.cc API and when 'Shorten' button is clicked, value of 'Generated URL' is replaced with it's shortlink.

How To Contribute?

1. Fork this repository.
2. Add your HTML code in index.html, CSS in stylesheet.css and JavaScript in script.js files respectively.
3. Make a pull request.

Learn how to fork a repository and make a pull request.

Note for the contributors: To encourage everyone to try their best, we are not reviewing or merging pull requests at this time. Please feel free to make a pull request once you've made some changes in this project.

Absolute Beginner?

Today is a great day to start. If you are new to HTML, CSS and JavaScript -

1. Join this team - bit.ly/urlbuilderappteam
2. Start learning HTML & CSS here - progate.com/lessons/html/study/1
3. Try your hands on JavaScript here - progate.com/lessons/es6/study/1