Url shortening API LP w/ (HTML + SASS + JS + API)👨‍💻

Hello everyone. This is my solution for URL shortening API landing page.👨‍💻

This was an amazing project, this layout has some exciting features and made me think a little about how I would make it similar to the example layout, and also responsive in all resolutions hahah About all the functionality it was really cool to work with this API, it is not that difficult to use, but we need to take some care because it takes a while to respond, and when storing the data in localStorage this was a problem hahahah. This was my first time storing data in the browser, and I found it quite challenging to think of a solution, but I believe I did a good job, I used JSON.stringify to store my object array with the captured data. To render everything I had to use JSON.parse to be able to access the properties of my objects and generate them on the screen with a function that will be executed when the page loads! Two tools that helped me a lot in the project were Babel and Webpack, I'm recently learning a little more about both.

I added some details:

• 🎨 Custom Hover
• 👨‍🎨 Custom colored scroll bar
• 👨‍💻 The API-generated links are saved in the browser, even if you refresh or leave the page!

Feel free to leave feedback on how I can improve my code. 😊

Thanks!