Shortly is a friendly web app, which uses URL shorteners to simplify the sharing of links.
Project description: single-page application that consumes data from at least one API and persists user data via Firebase
The requirements of this project are:
✔ A SPA (single page application) that consumes data from at least one API
✔ Make at least one HTTP request to a third-party server
✔ Use either vanilla JS or jQuery to perform DOM manipulation
✔ Listen for events and add interactivity based on user input
✔ Clean And Readable Code. The instructor should be able to read and follow your code easily.
✔ Maintain clean and readable code including: consistent indentation, code commenting and use of proper and consistent naming conventions.
✔ Object Oriented and/or Functional. Implement function closures, keep code modular, maintain a separation of concerns, only put code on the global scope when absolutely necessary.
The original idea was downloaded on frontendmentor website as a design guide.
Shortly was created using vanilla JavaScript.
The "Shorten it" click transforms a long URL into a short one by using Bitly or Rebrandly tools, radically.
When clicking on the SignUp button, it calls Authorization Firebase API with the Google option. The return is a valid user, which name is printed on the page. This function could be used to save a short URL on the database.
Netlify functions for getting environment variables
https://docs.netlify.com/functions/overview/#manage-your-serverless-functions
Frontend Mentor: https://www.frontendmentor.io
Firebase: https://firebase.google.com/docs/auth/web/google-signin?authuser=0
Bitly: https://bit.ly
Rebrandly: https://rebrandly.com/
Netlify: https://netlify.com
Alex's website: https://alexandrebelloni.com