100 Days of Code

Day 1

Day 1 of #100daysofcode. Learnt to set up a project with Objection.js with the help of the amazing twitch chat (ty Matt & donnY). That took about three hours, give or take 🤣😭🤣😭 #100daysofcodechallenge

Day 3

Day 3 of #100DaysOfCode
Converted to TypeScript, migrations and models completed. I think.

I guess I might be getting the hang of backend stuff. I'll let that thought linger until my next hair-tearing issue... Probs tomorrow. :3

#100daysofcodechallenge

Day 5

Day 5 of #100DaysOfCode
Wanted to do auth but nooo. Thwarted by a src dir as ts root and Logan (rightly) insisting we change knex files to .ts. Like 5 hours on Twitch stream inc. distractions but it's doonnee!~

Auth tomorrow. COMIN' FOR YOU, ARGON2 /yell

#100daysofcodechallenge

Day 7

Day 7 of #100DaysOfCode
Started with web sockets. Spent FOREVER on Flutter vs Electron which became flutter vs electron vs ionic vs revelry(?) vs nativescript and then Twitch chat helped me settle on Cordova 🤣. Rest of the night was on chat UIs.

#100daysofcodechallenge

Day 9

Day 9 of #100DaysOfCode
Chat messages can be sent from the client in a separate folder... With a profanity filter :3 Oh, the power!

Still trying to figure out scenarios where (web socket) event acknowledgement is useful.

#100daysofcodechallenge https://t.co/9XgIPy9gM6

Day 11

Day 11 of #100DaysOfCode
We now have chat channels and messages being posted :D And some rough markup until I start working on the frontend. Storage is coming up next and that's gonna be... Fun... Right?...

Expecting tomorrow to be a struggle :')

#100daysofcodechallenge

Day 13

Day 13 of #100DaysOfCode
Managed to get users chatting in individual channels, a list of active users, and auto-scrolling for the chat window. Probs gonna look up more scrolling methods, and more about sockets.

Biding time until I add Cordova 😅

#100daysofcodechallenge

Day 15

Day 15 of #100DaysOfCode
In true Tabs fashion, I switched from Cordova to Capacitor - all that time configuring during stream for nothing xD Still trying to set up Aurelia PWA w/Capacitor but that's future Tabs' problem

Too bad that's tomorrow's Tabs 🤣

#100daysofcodechallenge

Day 17

Day 17 of #100DaysOfCode
Busy day. Found it difficult to concentrate this late on little sleep. Managed to get through some more basic Svelte stuff - I want to say it looks easy af but I think the tutorial content is handled exceptionally well. 🥰

#100daysofcodechallenge

Day 19

Day 19 of #100DaysOfCode
Wow, actually starting this on the 19th instead of before I go to bed on the 20th in the early AM :P

Set up the Sapper/Svelte project and slowly learning my way around it. Seems as simple as Aurelia tbh >_>

#100daysofcodechallenge

Day 21

Day 21 of #100DaysOfCode

Got the basic routes and layout sorted on twitch stream :D Will work on the dynamic routes next. Looking forward to it! AND it's still before midnight 🤣🤣

#100daysofcodechallenge

Day 23

Day 23 of #100DaysOfCode

Conditional rendering of components dependent on the route for navigation is dooooneee!

Sometimes I'm happier with doing a lot less that day particularly if I've made a tiny but significant dent in something.

#100daysofcodechallenge #svelte https://t.co/UQc1fgyt0s

Day 25

Day 25 of #100DaysOfCode

Note to self: stop changing variables manually and just select all + replace. Hot damn, that caused HOURS of me going wtf why is this not working??

Fixed yesterday's error. Dynamically generated menu items done!~

#100daysofcodechallenge #svelte https://t.co/1noZcVZe9F

Day 27

Day 27 of #100DaysOfCode

I had a friend once bemoan 'dependencies' this and 'dependencies' that and basically 'fuck those dependencies'. I just looked at him in amusement.

That is now me.🙃

Knex and sqlite3 are not playing nice.

#100daysofcodechallenge

Day 29

Day 29 of #100DaysOfCode

Took a break from Grid today and worked through React - code-splitting, state, context, class fields - basic stuff, but want to hone my understanding of fundamentals. Might slow down Grid a bit for a couple of weeks.

#100daysofcodechallenge

Day 31

Day 31 of #100DaysOfCode

Progress > Perfection.

Continued with my UIs from yesterday. I'll keep iterating on the mockup as I code. It's shitty, but it's something :D

Back to full-on code tomorrow. YAS.

#100daysofcodechallenge https://t.co/BK79yYT405

Day 33

Day 33 of #100DaysOfCode

Made progress with the user routes! Things are slowly moving along. Twitch chat threw 'service layers' at me so I need to read up on architecture now (thanks donnY and rick!) 🤣😭🤣 Worth it.

#100daysofcodechallenge

Day 35

35 / #100DaysOfCode

I now have an API service layer. Data layer is iffy but heyooo we're getting there. Figured out Express query strings too. Looks like I'm set for a few days!

#100daysofcodechallenge

Day 37

37 / #100DaysOfCode

Figured out the frontend routes, and I *think* most of the backend routes. *really* need to do interaction flow. Probs gonna stream Frontend on Monday if I do a birthday stream, otherwise it's Tuesday as usual!

#100daysofcodechallenge

Day 39

39 / #100DaysOfCode

Started on the signup and login pages. I think I might style them fully tomorrow during stream before I continue with attempting to use the API I've been building. And still need to build. :P

#100daysofcodechallenge

Day 41

41 / #100DaysOfCode

I am keeling over with sleep. Backdrop filter doesn't work in Firefox????????? Why not?????????

Pain. Finished the signup UI looking like glass now, but the rest of this is for another day. Specifically: tomorrow.

#100daysofcodechallenge

Day 43

43/ #100DaysOfCode

I did it, I did it, I finally did it! Glass on top of a blurred background without backdrop-filter.

But then I thought it looked sorta ugly and removed the blur.

w/e, sign up and login drafts are d o n e. Input > Db next!

#100daysofcodechallenge

Day 45

45 / #100DaysOfCode

Designing and building out a decent default page is taking a fair bit. But I'd like for there to be more than just an empty screen for new users where first steps are just subtly implied. I'll finish this page tomorrow.

#100daysofcodechallenge

Day 47

Day 47 / #100DaysOfCode

Styled with Gatsby. Should've done Grid stuff but Market Day looms. Stupid .htaccess rules! 🤣

I can't wait to build out a proper community onboarding process.

#100daysofcodechallenge

Day 49

49 / #100DaysOfCode

Screwed up my UI designs. This is why I should wireframe/mockup enough before doing anything. Anyway, there's enough there for me to get stuff into the database so... Scary part coming next.

But not the scariest. xD

#100daysofcodechallenge

Day 51

51 / #100DaysOfCode

WordPress again. Not a bad break. Built out the rest of the pages. Looks like I'm finishing this one tomorrow. Maybe no more WordPress for a few months? :D *hopeful*

#100daysofcodechallenge

Day 53

53 / #100DaysOfCode

Okay I managed to fetch JSON from the backend and shove it into the console so tomorrow I will likely be less scared of handling data :D

I lie. I'm equal parts apprehensive and excited but let's do this 💪

#100daysofcodechallenge

Day 55

55 / #100DaysOfCode

SQLite3 pool issues w/Knex. Took me 3-4 hours to figure this out.

I had to stick 'await' in front of the async function I was importing from another file.

What the hell, man.

I wanna go sleep but I'm too miffed 😅

#100daysofcodechallenge

Day 57

57 / #100DaysOfCode

I didn't notice it was already today because the light was on. I've been at this for... 5 hours, not counting the afternoon? I was at a loss. Logan was suggesting I create a minimal reproduction to ask for help.

And then I figured it out 🤣

1/3

Day 59

59 / #100DaysOfCode

I fucked up the repo trying to get the rootDir tsconfig error to go away. I was careless and didn't commit before I did it.

I'll unfuck it tomorrow.

🥱😴

#100daysofcodechallenge

Day 61

61 / #100DaysOfCode

The stream was awesoooome. I think there are some hot reloading issues with Svelte/Sapper. But hey, I can actually use the Fetch API successfully and modify the database!! Special thanks to Technosterone for debug help. 💜

1/2

#100daysofcodechallenge

Day 63

63 / #100DaysOfCode

Still trying to access the API using environment vars. Made a bit more progress with accessing the vars using Sapper middleware but now the functions don't work so... Confused af xD

#100daysofcodechallenge

Day 65

65 / #100DaysOfCode

Took a break from Grid. Slackathon today, doing Earth stuff with threejs. It's all mindboggling. Did a threejs course already but retained very little. :P Outdated tutorials not helping. 🙃

#100daysofcodechallenge

Day 67

67 / #100DaysOfCode

Communities can be created, and they'll go into the database. F i n a l l y. Those functions have to be completed to generate random IDs but good enough for now. ~8 more steps until I move back to sockets.

#100daysofcodechallenge

Day 69 nice

69 / #100DaysOfCode

Nice.

Day 71

71 / #100DaysOfCode

That took for-fucking-ever, but getting all the communities is done. I've still got to learn how to do searches and whatnot but... Later. Need to focus on getting a full set of interaction flows done functionally first.

#100daysofcodechallenge

Day 73

73 / #100DaysOfCode

Not much coding today, mostly WordPress stuff that involved styling here and there. Looking forward to the finished project though. Here's hoping it's finished this week.

#100daysofcodechallenge

Day 75

75 / #100DaysOfCode

Just general styling today. Way too much work to do. Starting to forget what day of the week it is. 🙃 Kinda boring tbh but I think the drudgery is over. :P

25 days left! Starting 100 days of design ~7 April if anyone wants to sync!

#100DaysOfCodeChallenge

Day 77

77 / #100DaysOfCode

Decided against storing uuids in an array for now; I can always test that later. Still understanding how routes work in #Sapper - dynamic routes, and then page vs server routes 🤯

I'll probably make more headway tomorrow.

#100DaysOfCodeChallenge

Day 79

79 / #100DaysOfCode

Super short today because DIY stuff. Managed to extend the profile section of the API to join communities with. I think I've finally managed to get into the swing of things for the backend and db issues are minimal.

#100DaysOfCodeChallenge https://t.co/obqnatnaPt

Day 81

81 / #100DaysOfCode

Listed out the rest of the routes. I think I have everything in Insomnia that I'll need to test the backend with prior to having to starting web sockets. Not that all the routes work yet... :P

#100DaysOfCodeChallenge

Day 83

83 / #100DaysOfCode

Managed to get a whole sequence down from creating a community to generating that data on a community page. Once I figure out preloading (generating?) before navigating, I'm set. Looking forward to moving to Svelte Kit from Sapper 🥳

#100DaysOfCodeChallenge

Day 85

85 / #100DaysOfCode

I built the channels section of the API faster than I was expecting. It's a bit weird for things to be clicking and I'm solving issues... Faster?? I guess when it's not Sapper I have fewer hurdles.

#100DaysOfCodeChallenge

Day 87

87 / #100DaysOfCode

A decent UI makes things look a lot more finished 🙃 Should be able to finish a rough draft in a few days! Keen to get past it and into web sockets by the end of the week.

#100DaysOfCodeChallenge

Day 89

89 / #100DaysOfCode

Actually figured out Sapper's routing system properly today and I managed to get the routes I wanted; now I just have to research structuring components and layouts before passing data into them.

#100DaysOfCodeChallenge https://t.co/B0PJBp7IvH

Day 91

91 / #100DaysOfCode

AHAHA hardly did any code during stream but there was great discussion on layouts and navigation - like when it should be inside <main> tags or not. Y'all really helped me think through shit from last stream, thank you!

#100DaysofCodeChallenge #livecode

Day 93

93 / #100DaysOfCode

Sorting out some routing issues with the communities and channels. Figured out how to structure the files for routing, but still need to work on passing data down to and up from slots so I can pass parameters.

#100DaysOfCodeChallenge

Day 95

95 / #100DaysOfCode

Channels are fetched from the database and pushed to individual communities. :D :D :D

Didn't think I'd be able to get that done while so exhausted but there ya go. /patontheback. Still needs a fix though.

5 days left 😱

#100DaysOfCodeChallenge

Day 97

97 / #100DaysOfCode

Started styling the chat messages. No luck figuring out component events and passing data back and forth - yet.

#100DaysOfCodeChallenge

Day 99

99 / #100DaysOfCode

Managed to figure out how to use custom stores - so now the menus for channels all work ✨

Some of my issues stem from not recognising common patterns across frontend frameworks used to accomplish certain behaviours. I'm getting it.

#100DaysOfCodeChallenge