100 Days of Grid
Day 0
Apparently I'm gonna learn Rust fml 🙃
Day 1
@YoLyristis and @Alomoadev are joining me in learning Rust. Anyone else is welcome to join us https://t.co/jncU7g3saw!
I covered Chapter 1/20 in the The Rust Programming Language book today.
And so it begins...
1/100 Days of Grid @gridapphq https://t.co/XJyNwCi9wJ
Day 2
Met with friends from Atlantis today; only managed half of Chapter 2.
But hey, feels good to be coding already. Somehow Rust syntax and paradigm choices make sense?? Weird 😆
I don't have that level of appreciation of JavaScript 🤣
2/100 Days of Grid @gridapphq
Day 3
Started Ch 3 of the Rust book. Soooo wasn't feeling it today though💀
It feels like I'm in a suspended mode until after my environment changes and I can actually focus. So I'll just do what I can until next week.
3/100 Days of Grid @gridapphq
Day 4
Continued with ch 3 and saw more of mutable variables.
Does Rust have an equivalent of JavaScript's let vs const debate?
4/100 Days of Grid @gridapphq
Day 5
Continued with Ch 3. Don't think I quite realised until now just how much proper language design can help clarify the intention of the programmer.
Only tiny progress today. Spent most of it helping Mom with travel paperwork. 🤷🏽♀️
5/100 Days of Grid @gridapphq
Day 6
Ridiculously sick today. Caught whatever my grandparents got.
Read a bit about Rust data types. That's about all I could manage.
nn 😊
6/100 Days of Grid @gridapphq
Day 7
Spent most of the day sick and asleep so read a bit more on scalar data types. Curious how debugging will feel, tbh.
Absolute minimum kind of day.
7/100 Days of Grid @gridapphq
Day 8
I love the idea of compiler panic and hope it doesn't also make me panic xD
Gonna take me forever to get through Ch 3 at this rate. But w/e, can't schedule sickness away with a meeting 💀
8/100 Days of Grid @gridapphq
Day 9
Finally moved onto functions.
Tired of being tired all the time but w/e.
9/100 Days of Grid @gridapphq
Day 10
Is there a difference in how *you* use 'parameter' and 'argument'?
10/100 Days of Grid @gridapphq
Day 11
Comments: no comment.
Yay for tiny dent.
okbye.
11/100 Days of Grid @gridapphq
Day 12
Started speedrunning through a couple of JS courses I've done as a review (idk why but just in case??) before I get around to my TypeScript course (as a refresher) in February.
12/100 Days of Grid @gridapphq
Day 13
Scoping, hoisting, the usual - unexpectedly, I know enough to notice 'that doesn't sound quite right' and look for accurate meaningful explanations elsewhere.
And I know when I've found it.
Fuuuck, I love code.
13/100 Days of Grid @gridapphq
Day 14
Spent time refreshing what I know about execution contexts :D
Long day.
14/100 Days of Grid @gridapphq
Day 15
Today was the execution stack and scope chain. Long day again, so little ground covered.
I might make some flash/note cards and post them - more for my own benefit, but I like pretty notes. :3
15/100 Days of Grid @gridapphq
Day 16
Down *this* rabbithole :3
One of my favourites in JavaScript 😆
16/100 Days of Grid @gridapphq
Day 17
Back to Rust with control flow. Hopefully I'll be able to get some extra focus time in tomorrow.
17/100 Days of Grid @gridapphq
- technically yesterday's and reposted with correct number oops xD
Day 18
'Unlike languages such as Ruby and JavaScript, Rust will not automatically try to convert non-Boolean types to a Boolean
You must be explicit...'
Is it weird I see this as a no-bs approach? 😆
18/100 Days of Grid @gridapphq
Day 19
Returned to the little tutorial program I was writing in Rust. Left it for so long I had a lot of re-reading to do >_>
19/100 Days of Grid @gridapphq
Day 20
The guessing game in Rust worked! With error handling :D
Fully aware this is turning into 100 Days of Rust and TypeScript but it's okayyyyyyyyyyyyyyyy~
20/100 Days of Grid @gridapphq https://t.co/77zXMQUdBr
Day 21
Freakin' sick again so read more about control flow. That's iiiit.
21/100 Days of Grid @gridapphq
Day 22
Decided to go through the chapters and write actual notes with pen and paper 'cause things weren't sticking. That helped considerably. Did half of Ch 3.
Actually remember deets about integer overflow now xD
22/100 Days of Grid @gridapphq
Day 23
Notes are caught up until loops. Will finish that tomorrow and start on Ownership 🥳
Hope all this Rust is worth it. Wonder how many frameworks and CMSs there are 💀
23/100 Days of Grid @gridapphq
Day 24
Covered the rest of control flow and started on Ownership on stream.
Stack and heap: we meet again, old friends.
24/100 Days of Grid @gridapphq
Day 25
Started on using Strings to demonstrate memory and allocation concepts.
25/100 Days of Grid @gridapphq
Day 26
Back to JS for a quiz on reference and syntax errors. Now onto destructuring again.
Gonna try to focus on that over the weekend.
26/100 Days of Grid @gridapphq
Day 27
I literally don't remember destructuring the results of function invocations wth xD Do I even code?
27/100 Days of Grid @gridapphq
Day 28
Went over destructuring and shorthand again 😊
So boring now :3
28/100 Days of Grid @gridapphq
Day 29
Computed properties and template literals today 😊
Looks like I'll probably finish my JS review tomorrow, get on with the Advanced review, and start my TypeScript refresher soon. Decided I'd like to work on the frontend while I learn Rust.
29/100 Days of Grid @gridapphq
Day 30
Arrow functions, anonymous functions, implict returns, and...
✨️this✨️; more on different sorts of binding.
S o o n.
30/100 Days of Grid @gridapphq
Day 31
Think I need to spend more time understanding function contexts tbh. But then I can move on.
31/100 Days of Grid @gridapphq
Day 32
Default parameters, compiling, and polyfills. ^^ Nearly doooooneeee. Looks like 2 more days if I can crank it up a notch.
32/100 Days of Grid @gridapphq
Day 33
I'll actually remember how *this* works now. Also more on callbacks, promises, and async/await. idk but going over this stuff again makes it clearer.
I definitely didn't spend enough time updating my knowledge of JS while using it 💀
33/100 Days of Grid @gridapphq
Day 34
Covered functional instantiation (w/shared methods, and Object.create() ), prototypal instantiation, pseudoclassical instantiation, Classes, Array methods, agnostic constructor functions, Modules, IIFEs, and Class Fields.
Jargon. Much smort.
34/100 Days of Grid @gridapphq
Day 35
Delved deeper into execution contexts, scope chaining, the call stack, hoisting, and closures.
Wanted to rush ahead to finish the next set of modules, but eh, it's better to just take my time to understand.
35/100 Days of Grid @gridapphq
Day 36
Notes on *this*, the event loop, call stack, task queue, job queue, and async JS.
36/100 Days of Grid @gridapphq
Day 37
Using functional programming to explain OOP is kind of hilarious to me - mostly as I'm familiar with the concepts already >.<
Anyway: classes, inheritance, composition, and array methods with JavaScript's all done :D
TypeScript refresher next!
37/100 Days of Grid @gridapphq
Day 38
Went through the TypeScript pre-reqs.
Feel like I'm moving slowly but happy there's decent progress, and the JS refreshers weren't a waste.
38/100 Days of Grid @gridapphq
Day 39
The quirks of Types, and set up Typescript. Gotta love that you can't check if NaN is NaN. xD
I wanna get back to the design board for Grid so baaaad(ly).
But work.
39/100 Days of Grid @gridapphq
Day 40
Short day. P. much just went over implicit and contextual type checking.
40/100 Days of Grid @gridapphq
Day 41
Assigning types; function declarations, function type expressions, callbacks, objects, restructuring parameters, optional/defaults...
.... and return types ehehehehehe 😆
41/100 Days of Grid @gridapphq
Day 42
Smol effort. any and unknown types 😅
42/100 Days of Grid @gridapphq
Day 43
Interfaces. P. straightforward. :D
43/100 Days of Grid @gridapphq
Day 44
Enums and tuples~~
Dying to get work finished so I can just spend entire days on Grid 😩
44/100 Days of Grid @gridapphq
Day 45
void/never types, and started on type aliases
It's taking me a while to get through these but eh. With travels to London, Portsmouth, and Edinburgh coming up soon, getting through anything at all on top of work is a feat.
45/100 Days of Grid @gridapphq
Day 46
Finished off type aliases. Time to pack and spend the rest of the day working 💀
Who else basically just does laundry/cleaning the whole week and then packs the day they leave? xD
46/100 Days of Grid @gridapphq
Day 47
Union types.
That's p. much it 💖 okay byeee~
47/100 Days of Grid @gridapphq
Day 48
Basics of intersection types. Long day ^^
48/100 Days of Grid @gridapphq
Day 49
Literal types~~
And some exercises.
49/100 Days of Grid @gridapphq
Day 50
Started class definitions ^^
50/100 Days of Grid @gridapphq
Day 51
Revisited my old UI designs in Figma. Reaction: displeased. I can do better.
Felt I needed to get a move on w/*building*. Started the new client repo (Svelte); will do more wireframing and sorting out project priorities shortly.
51/100 Days of Grid @gridapphq
Day 52
Revisited my project management board and made some adjustments to focus entirely on frontend/design for now. Funnily enough, I'm spending minimum effort on organisation. 😆
I also did some TypeScript-in-a-project with Tic Tac Toe.
52/100 Days of Grid @gridapphq https://t.co/hPBCOxFbPw
Day 53
Finished Class Definitions and started a competitor overview; it's been a while since I checked what was already out there and how they've grown.
53/100 Days of Grid @gridapphq
Day 54
Started wireframing the new Grid site with intentions for copy using a pen and paper.
Pen ran out after a minute. 💀
Did the bare minimum in Figma. Long day.
54/100 Days of Grid @gridapphq
Day 55
Caught up on a few days' worth of notes and went onto class modifiers.
TypeScript is p. cool of an addition to something that normally yeets the notion of type safety out the window.
Side note: pen acquired. I will not be defeated.
55/100 Days of Grid @gridapphq
Day 56
Spent some time dwelling on UI decisions and learning about Vitest.
Tomorrow I'll probs start coding and then go back to figuring out Vitest as writing tests is a habit I'd like to develop early.
56/100 Days of Grid @gridapphq
Day 57
tf is this +page.svelte business? Strict patterns are better ig but it seems less simple at a glance 😩 Routing's sorted though.
Anyway: hello from Scotland.
57/100 Days of Grid @gridapphq https://t.co/Tg39UVPKcg
Day 58
And so it begins.
Gonna look nasty af for a while 🤣
Sorted out some global variables, briefly glanced at theming, and... well, the menu's a weird flex, but okay.
Suddenly remembered mobile like 'Oh yeaaaah... that exists'. The shame. xD
58/100 Days of Grid @gridapphq https://t.co/o3retBTnRY
Day 59
Still terrible. But switched out hard-coded data to loading from JSON files so I can loop through.
I edit those files as I think about the response structure I'd expect from the db I'll be rebuilding.
Mental model development in action, eh?
59/100 Days of Grid @gridapphq https://t.co/qHwbSboOhu
Day 60
Mainly focused on *work work* today so looked at inspo.
Man, I should have done the branding exercise I do with clients with myself 😆 Like, a while ago. Got some interesting visual design ideas but I'm not capable...
... Yet.
60/100 Days of Grid @gridapphq
Day 61
Added the secondary menu but can't get HMR to work on WSL2 whyyyyyy 😩
61/100 Days of Grid @gridapphq
Day 62
Added the chat/content area and everything looks so damn gross xD Probs going to focus on mobile for a while now.
I kinda just want functionality/layout roughed in because I know I'm going to do a proper UI update in a few months.
62/100 Days of Grid @gridapphq
Day 63
Added chat components which also look terrible. Y'know, to match.
Hm. No idea how to append things to the same block but I guess I'll figure that out later.
For now:
Flexbox all the thingsssssss 😄
63/100 Days of Grid @gridapphq
Day 64
Worked for like 14 hours today on a work project so... Minimum kind of day. Sorry, Grid.
Started on the calendar layouts though :D
64/100 Days of Grid @gridapphq
Day 65
Started planning out the events module ^^
Might actually build that before I build out the chat stuff tbh.
65/100 Days of Grid @gridapphq
Day 66
Literally just a few minutes today on the account and profile system 😭
Looking forward to being able to put more chunks of time into this, though.
66/100 Days of Grid @gridapphq
Day 67
Did a round of Kapferer's Brand Prism.
There is clearly an intersection with my personal brand, so I thought hard about differences.
It's 5h by bus to London; have an early morning tomorrow, so I do what I can, when I can 🥱😆
67/100 Days of Grid @gridapphq
Day 68
Long day in Portsmouth so p. much just did some competitor research.
Was kinda funny to see one competitor writing about two others then pitching themselves underneath it all 😆
68/100 Days of Grid @gridapphq
Day 69 nice
Did more competitor research.
At a local program pre-startup teams were often asked a question along the lines of 'If your competitors adopted your product's features, what would you do?'
It plagues me sometimes, but I think I got it 😊
69 (nice)/100 Days of Grid @gridapphq
Day 70
Brainstormed areas of monetisation for *users* that wasn't essentially an additional service 😆
70/100 Days of Grid @gridapphq
Day 71
Started on a theme switcher, 'cause we need both light and dark riiiight 😆
71/100 Days of Grid @gridapphq
Day 72
Continued with the theme switcher. Got some issues with the svelte stores loading and switching the CSS so I'll figure that one out tomorrow.
Spent so long doing data entry today my brain's kinda fried 😩🫡
72/100 Days of Grid @gridapphq
Day 73
Started on the login page. Decided I'll roll with the Login screen(s?) for the first part of my 100 Days of Daily UI Challenge I did all that time ago.
May finish it tomorrow, we'll seeeee~
73/100 Days of Grid @gridapphq
Day 74
Added some logic (still mocked up) so the layout will render a login form when a user's not logged in, and the rest of the app otherwise.
Moved that form to a component too; I'm unsure how I'll need to use it when it comes to redirects and stuff.
74/100 Days of Grid @gridapphq
Day 75
Got nothing on the actual UI design, but that's alright :D
I'll do the finicky bits later 😊
75/100 Days of Grid @gridapphq https://t.co/PGFy3g8O7I
Day 76
Started pulling data from json files; I think I have some TypeScript problems plus need a deeper understanding of how Svelte works.
I'll get there eventually.
76/100 Days of Grid @gridapphq
Day 77
Tempted to see how long I can leave things garish.
Probably not too long. 🤣
I love flexbox though; I remember trying to do chat without it and it was just one big nope.
N O P E .
77/100 Days of Grid @gridapphq https://t.co/6QqBHkJyhB
Day 78
Added some mock cards for the members page.
I need to get to building the backend like... Next month xD
tbh, probably will. Heading back to the grandparents' for Ramadan and that will be Productive Month for me.
78/100 Days of Grid @gridapphq
Day 79
Was my last day in London for a month, so did research on the train home and started making some lists.
I have my work cut out for me purely with micro-interactions 💀
79/100 Days of Grid @gridapphq
Day 80
Did a bit more styling, and now have flexbox item + margin woes. Yay~
Sooooo looking forward to the dwindling project backlog; projects are indeed getting ticked off :D
Better than me getting ticked off, at any rate. 😆
80/100 Days of Grid @gridapphq
Day 81
Exported custom icons I made; that's it. Fk it 😆
I spent most of the day yeeting other freelance projects off my plate (2 down *today*!!) so I can free up longer chunks of time for Grid in April.
SOON (TM).
81/100 Days of Grid @gridapphq
Day 82
Started the form page for the server and admin settings.
Going to need longer chunks of time p. soon to be able to get some of the UI down.
82/100 Days of Grid @gridapphq
Day 83
Tried to sort out flex woes to no avail. I'll probably get back to this on Monday because I wanna finish another personal project tomorrow.
I need to do something smaller and... idk, less code-y on short-of-time days.
83/100 Days of Grid @gridapphq
Day 84
Experimented a bit with glassmorphism for one of my UI concepts.
84/100 Days of Grid @gridapphq
Day 85
More competitor research! Found one I hadn't seen before and started reading more copy across their sites.
I just... Why is the UX just so shit, even when browsing the site before using the app?
85/100 Days of Grid @gridapphq
Day 86
Started redesigning the homepage.
Apparently I had some good ideas from when I did 100 Days of Design, heh. The content needs streamlining; somehow I need to communicate more with less 😆
86/100 Days of Grid @gridapphq
Day 87
Did a bit more on the main website.
Glassmorphism incoming. I think I'm getting addicted.
87/100 Days of Grid @gridapphq
Day 88
I have a specific sort of background in mind for the site, so we'll see how it goes. Mainly did research today on CSS animations with gradients and organic shapes.
88/100 Days of Grid @gridapphq
Day 89
Set up the repo for the main website woohooooo~
89/100 Days of Grid @gridapphq
Day 90
Added a bit of markup and started scaffolding the site.
I rarely start a site this small with a framework, but I do expect this one to have quite a bit of content by the end of the year.
90/100 Days of Grid @gridapphq
Day 91
Added the rest of the copy from the homepage I designed a while ago.
There will be a finished website by the end of next week, even if I don't intend on it. 😆
91/100 Days of Grid @gridapphq
Day 92
Added dark mode with cookies and prefers-color-scheme in Svelte tomy own site today, so started setting up the same thing for the main Grid site.
Doing both the more enjoyable and annoying things first. :D
92/100 Days of Grid @gridapphq
Day 93
Sort out the global CSS and the general sections.
Need to actually sort out the visual brand some degree at some point. Bleh xD
Probably going to sort out the background and images next.
93/100 Days of Grid @gridapphq
Day 94
Added images for the general layout. Mobile should be sorted p. soon for the home page.
94/100 Days of Grid @gridapphq
Day 95
Main site is now roughly responsive.
I let go of trying to do much while I get other projects off of my plate for the time being. I don't like that chose to, but I do love having a shorter queue.
Once that's through I can focus on this.
95/100 Days of Grid @gridapphq
Day 96
I did it. I added glass panels to the website. They're going to stay there until the brand evolves better visuals.
🤣
96/100 Days of Grid @gridapphq
Day 97
Started animating an aurora background; unsure if I'm going to keep it, though. Kinda need to see how the site looks in its entirety.
That's it for today though. Time to game and guitar~
97/100 Days of Grid @gridapphq
Day 98
Added markup for the tab/accordion thing I have going on. Unsure how many I want to add just yet.
Tabcordion? Accortabs? 😆
It's an accordion in mobile and tabbed component in desktop.
98/100 Days of Grid @gridapphq
Day 99
Added a light/dark mode switch for the main site Svelte project.
Now I just have to design both adequately 💀
99/100 Days of Grid @gridapphq
Day 100
Fixed the flexbox layouts for desktop, minus the tab-accordion thing I added previously.
That's it for 100 Days! WOO.
I'll see you on May 1st for 100 Days of Illustration 😉
For now, I'll continue ticking off projects in my backlog!
100/100 Days of Grid @gridapphq