Spent today figuring out how to load things from localStorage. I would try to declare a variable where variable = JSON.parse(localStorage.getItem("saved")) (where “saved” is an array) or something like that, then use it in my component where I’d map it, but I would get an error stating that there is no such variable. Server-side rendering v client-side rendering This issue exists due to a difference between server and client-side rendering (Next....

Wanted to try to create an array in localStorage, then push saved papers to it. This failed when I realised that localStorage stores everything as strings, so localStorage.getItem(“saved”).push(paper) wouldn’t work. https://catalins.tech/store-array-in-localstorage/#:~:text=Get%20Array%20From%20localStorage,a%20string%20to%20an%20array.

Implemented search by title – filtering by track got me to learn how to use .filter(), search made me learn how to use .include(). Fixed some styling issues by adding text-wrap to my labels for each card, which was causing a horizontal overflow problem on mobile (esp for conference tracks with very long names) earlier on. My div with the filter+search elements was also way outside the viewport, which made me realise that divs don’t inherit the dimensions of parents....

Added filtering by conference track. I stored the list of unique tracks in a file called track.js and exported it to components that needed it. Mapped values in tracks to their own <option></option> elements in a dropdown, and then added conditions to check whether any option was selected (if not I would just show all papers). Added labels for each card to show conference track, submission type and acceptance status.

Nov: [1, 2, 3, 4, 5] Finished CS50’s final pset which involved learning about Flask. I’ve just started on my final project – a site that displays accepted papers for EMNLP 2022. You can check it my work so far at emnlp2022.tomoe.asia I’m doing this as it’s a good opportunity to work with some real-world data and also respond to a problem I’m having – the list of accepted papers is currently only available in this massive Excel which is incredibly hard to read....

This month I’ve been working through CS50. I’ve also managed to get into a semi-routine, which is a big first and surprise to me. I learn/code for the first 1.5h of my day (whenever my waking time might be) before moving on to my work obligations. This might not work for everyone as I happen to be privileged enough to work from home + have a really understanding supervisor who gives me autonomy regarding work hours and recognises that learning is part of my job. This month I’ve coded on the following days in Oct: a = [6, 7, 8, 10, 11, 12, 13, 14, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28]. The dev console tells me that means it’s been 21 days (used a.length because I was too lazy to count it manually). Which means I’m almost halfway through the 100 days (in total, not in a row). ...

Learnt more about Chrome extensions by updating the manifest of a Chrome extension that wasn’t working for me. Was chatting with a friend (@kiittsuune) about how SimplyGo doesn’t total up transactions for you, and they put together a Chrome extension in a night. However, it wasn’t working for me (i.e. when I clicked the extension icon, nothing would happen) until I modified the manifest in line with Chrome’s dev documentation. You can check it out here

I returned to CS50 after a long time. I have a minor regret about not having finished it, so I’m going to try and get it done this time round. I usually feel terrible about my skills, but I’ve realised that I’ve grown a lot after attempting Mario (more) and realising I got it a lot faster than my younger self would have back then (although I had to keep looking up C syntax and dealing with the missing ;s)....

I’ve found myself sending similar screenshots/quotes to friends that I found helpful, so now I’m trying to park everything in one place. ...

I don’t know why you’d want to do this too, or have the same combination of problems. But if you do, here you go. ...