I randomly thought of this months before the first commit I made...I tried making some prototypes in figma and it felt unique and something I would use if it was actually made by real developers...you also don't see this in every github account and because of that I started coding this and it started taking shape. I just couldn't stop as it has been so fun to work on this...hopefully I can finish this project and share it with the world
I have learned a lot of firebase stuff from this project...almost all of the free stuff that firebase provides you
- firebase storage
- firebase auth
- 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