This project I really tried to push myself by adding both authentication AND a database in the background, which meant that I needed to do more than just persist the users shortened links in the local storage! I found it particularly difficult learning what exactly Firebase types were all about and how to handle them in my components.

I added a couple of placeholder pages to kinda make the site not be alive but also just to have a little fun haha

I think the one part that I would change if I could would be the lines on the statistics section on the main page, unfortunately I couldn't figure out how to do connecting svg lines myself manually so I ended up using a react library to handle it. That ended with the lines essentially being squiggles instead of the direct lines...which I kinda feel looks better?

Let me know what you all think and tell me if there are better practices than the ones I used because I would love to learn!


Here are the screenshots of the mobile and desktop version of the site! 

Anyways, until next time!

-Travis