I have learned a lot of firebase stuff from this project...almost all of the free stuff that firebase provides you

1. firebase storage
2. firebase auth
3. firestore

absolutely amazing developer experience...I wouldn't be able to make this as a mern project as it would be too complex for my dumb brain

I also learnt to use scss before this project and this is the first project I am using scss as a stylesheet...it's been amazing even though I am using the worst scss practices...

I had to learn iconography with Adobe Illustrator as I wanted to make all the assets (mostly) on my own...It was surprisingly one of the most time-consuming tasks I had to deal with in this project yet...I also learnt how to dynamically change icons appearances

I already had a few encounters with problem solving but not as many and frequently in this project...oh boy! as this projects gets bigger and bigger it's getting harder to find the bugs and crush them...need something more than console.log() to solve issues now

I needed to learn some very basic stuff about files in javascript that will be very useful in my upcoming projects

I had a bad habit of avoiding the docs of any kind...if I ran into any sort of issues I would just search on google and go to a stack overflow questions...but the firebase docs were very neat and easy to understand and I found that reading the firebase docs was 10x times easier than trying to solve the problem half-knowingly copying code from stack overflow

I am using react-pdf to display the pdf and it was extremely hard for me to fetch the file from firebase storage in the correct encoding...I think this issue occurred because of my inexperience in working with files

I had to do a little bit of google cloud configuring with google cloud cli...I've never done that...that's why I was a little concerned and I also encountered a few issues while configuring cors.json file...but I got there eventually

this was a very easy fix but It took me I think a few days to come up with a solution...this simple problem made me think of quitting but thankfully I fixed it with the help of the lovely people from discord...turns out it was a scope related issue

I had an embarrassingly hard time trying to fix my navbar at the top of my screen on scroll...I have sort of "fixed"(no pun intended) it...but it's far from an actual solution...I have found a really hacky way of getting the job done but it's gonna have to do for now

this was a very recent issue I had to deal with...I had again a very hacky way of solving this issue...the code in PdfRenderer.js looks very weird because of this issue