Git Product home page Git Product logo

shortly's Introduction

Shortly

Netlify Status

Shortly is a friendly web app, which uses URL shorteners to simplify the sharing of links.

Site

Project description: single-page application that consumes data from at least one API and persists user data via Firebase

Technical Requirements

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.

About

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.

New knowledge

Netlify functions for getting environment variables
https://docs.netlify.com/functions/overview/#manage-your-serverless-functions

References

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

shortly's People

Contributors

alexbelloni avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.