Read on TwitterI started building my own little saas project this morning. My aim is to build it a little each day and to see how far I can take it.
If that sounds like something you& #39;re interested in then follow along.
A thread
This is a reboot of my previous attempt at something similar back in May (although that was a different concept). Life got in the way, as it often does for us all, but I& #39;m dusting myself off and getting back on the horse! 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🐴" title="Pferdegesicht" aria-label="Emoji: Pferdegesicht"> https://twitter.com/iamdavidhill/status/1256369378255306753?s=20">https://twitter.com/iamdavidh...
Inspired to start again by @mubashariqbal& #39;s recent @onehoursaas project. Thanks for the inspiration and kick up the backside Mubs! https://abs.twimg.com/emoji/v2/... draggable="false" alt="🙌🏼" title="Erhobene Hände (mittelheller Hautton)" aria-label="Emoji: Erhobene Hände (mittelheller Hautton)"> https://twitter.com/mubashariqbal/status/1297158604554895360?s=20">https://twitter.com/mubashari...
It doesn& #39;t look like much, but I have auth, profiles and teams setup.
I& #39;m still using MAMP as a local env, I& #39;ve heard there are better alternatives. Any suggestions?
Day 1: Getting Startedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡️" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Repo setuphttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡️" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Laravel https://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡️" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Jetstream https://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡️" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Unix Socket and Storage:Link quirksIt doesn& #39;t look like much, but I have auth, profiles and teams setup. I& #39;m still using MAMP as a local env, I& #39;ve heard there are better alternatives. Any suggestions?" title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓️" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 1: Getting Startedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡️" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Repo setuphttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡️" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Laravel https://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡️" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Jetstream https://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡️" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Unix Socket and Storage:Link quirksIt doesn& #39;t look like much, but I have auth, profiles and teams setup. I& #39;m still using MAMP as a local env, I& #39;ve heard there are better alternatives. Any suggestions?" class="img-responsive" style="max-width:100%;"/>
I have a "redirect" working via a POST Request and a Controller... set to redirect to Index because I can& #39;t figure out the redirect to CP.
I& #39;m using @stripe& #39;s Customer Portal for subscription management so that I can focus on the main app.
Stripe& #39;s docs are amazing, although they assume I have more experience than I do.
I understand the principles, I just need to keep watching @jeffrey_way to learn how to do it.
Stripe& #39;s docs are amazing, although they assume I have more experience than I do.
I understand the principles, I just need to keep watching @jeffrey_way to learn how to do it.
Small steps forward today, but steps nonetheless.
I was integrating Portal before implementing Checkout, so I couldn& #39;t pass the Customer ID to the Portal. Checkout as simple as a snippet. Portal next...
Day 4: Stripe Integration (Part 3)https://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Stripe CLIhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Stripe Checkout integratedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> More tutorialshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⛔" title="Nicht betreten" aria-label="Emoji: Nicht betreten"> Stripe Customer PortalI was integrating Portal before implementing Checkout, so I couldn& #39;t pass the Customer ID to the Portal. Checkout as simple as a snippet. Portal next..." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 4: Stripe Integration (Part 3)https://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Stripe CLIhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Stripe Checkout integratedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> More tutorialshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⛔" title="Nicht betreten" aria-label="Emoji: Nicht betreten"> Stripe Customer PortalI was integrating Portal before implementing Checkout, so I couldn& #39;t pass the Customer ID to the Portal. Checkout as simple as a snippet. Portal next..." class="img-responsive" style="max-width:100%;"/>
Really pleased with today& #39;s progress, I learned a lot.
I decided to hire a mentor who can help to up my developer game. My goal is to go from "Designer who hacks at things"** to "Developer who knows his shit".
Tutorials and courses are great, and I& #39;ll always use them, but I need faster feedback loops.
**Thank you @StackOverflow
Tutorials and courses are great, and I& #39;ll always use them, but I need faster feedback loops.
**Thank you @StackOverflow
Checkout and Customer Portal connected. Just need to save subscriptions so that I can pass the customer_id to the Portal redirect.
One week since starting this little challenge, and I have an improved dev env, a mentor, and the basics of an app, inc. registration, subscription, and managing subscriptions.
Day 7: Stripe Integration Completehttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Stripe integration completehttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Mentoring LessonOne week since starting this little challenge, and I have an improved dev env, a mentor, and the basics of an app, inc. registration, subscription, and managing subscriptions." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 7: Stripe Integration Completehttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Stripe integration completehttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Mentoring LessonOne week since starting this little challenge, and I have an improved dev env, a mentor, and the basics of an app, inc. registration, subscription, and managing subscriptions." class="img-responsive" style="max-width:100%;"/>
Created the working model for my links. I& #39;m becoming more comfortable with Laravel. Still a ways to go though.
Connected up the database, creating dynamic views based on content within the table, and routing to domain.test/{slug}. Incremental steps.
Day 9: Database Connectedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Connected databasehttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Dynamic viewsConnected up the database, creating dynamic views based on content within the table, and routing to domain.test/{slug}. Incremental steps." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 9: Database Connectedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Connected databasehttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Dynamic viewsConnected up the database, creating dynamic views based on content within the table, and routing to domain.test/{slug}. Incremental steps." class="img-responsive" style="max-width:100%;"/>
Solidifying more of the basics and my understanding of Laravel with another coding session paired on @tuple. Tuple is such an amazing experience and having a mentor is proving to be a very worthwhile decision.
Started learning about TDD in my mentoring lessons. Setting up feature and unit tests. Really interesting concepts that I& #39;m eager to build on.
Day 11: Refactor and Test-Drivenhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Refactoring and clean uphttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Test-driven developmentStarted learning about TDD in my mentoring lessons. Setting up feature and unit tests. Really interesting concepts that I& #39;m eager to build on." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 11: Refactor and Test-Drivenhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Refactoring and clean uphttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Test-driven developmentStarted learning about TDD in my mentoring lessons. Setting up feature and unit tests. Really interesting concepts that I& #39;m eager to build on." class="img-responsive" style="max-width:100%;"/>
Moving slow now by taking the time to learn these processes, in order to move fast later.
Who& #39;s wrote good documentation on testing in Laravel?
Day 12: Test Test Testhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Core user flows mappedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Digging deeper into TDDMoving slow now by taking the time to learn these processes, in order to move fast later. Who& #39;s wrote good documentation on testing in Laravel?" title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 12: Test Test Testhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Core user flows mappedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Digging deeper into TDDMoving slow now by taking the time to learn these processes, in order to move fast later. Who& #39;s wrote good documentation on testing in Laravel?" class="img-responsive" style="max-width:100%;"/>
Captured a full list of user stories in Notion. I& #39;ll use it as a simple checklist to make sure I build everything that I need to. Watching more Laravel tutorials.
Digging into Tinkerwell. I need to get better at using this for tinkering with my database. Does anyone have any great resources for learning?
cc @marcelpociot
It wasn& #39;t the most productive day, but I tried to push forward with some things. @magicroundabout& #39;s YouTube video really helped me to wrap my head around Tinkerwell a little better - https://www.youtube.com/watch?v=T8BaQZZPUTY">https://www.youtube.com/watch...
Day 15: Tinkeringhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Using @Tinkerwellapp https://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Cleaned up NotionIt wasn& #39;t the most productive day, but I tried to push forward with some things. @magicroundabout& #39;s YouTube video really helped me to wrap my head around Tinkerwell a little better - https://www.youtube.com/watch..." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 15: Tinkeringhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Using @Tinkerwellapp https://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Cleaned up NotionIt wasn& #39;t the most productive day, but I tried to push forward with some things. @magicroundabout& #39;s YouTube video really helped me to wrap my head around Tinkerwell a little better - https://www.youtube.com/watch..." class="img-responsive" style="max-width:100%;"/>
I was unable to get much real work done today. I did manage to dig a little into Chrome Extensions though. They seem relatively straight forward. I think an extension may play an important role in my SaaS. Bookmarked for later.
So this Test Driven Development approach really does involve a lot of writing tests
I’m still getting my head around the process. But between my mentor and @CodersTape’s help, I think I’m getting there. https://youtu.be/0Rjsuw1ScXg ">https://youtu.be/0Rjsuw1Sc...
I fear these daily updates are going to be a little samey this week. I& #39;m still learning test-driven development. More tests, more assertions. These are in my test project right now. Need to migrate to my SaaS project.
Day 18: Still Testinghttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Super test-drivenhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> SketchesI fear these daily updates are going to be a little samey this week. I& #39;m still learning test-driven development. More tests, more assertions. These are in my test project right now. Need to migrate to my SaaS project." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 18: Still Testinghttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Super test-drivenhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> SketchesI fear these daily updates are going to be a little samey this week. I& #39;m still learning test-driven development. More tests, more assertions. These are in my test project right now. Need to migrate to my SaaS project." class="img-responsive" style="max-width:100%;"/>
Another day down, with more learnings in the bag. We keep going.
Today was a huge step in understanding more fundamentals of Laravel. Can’t wait to put this into practice for real in my app.
The last two weeks have been spent learning the fundamentals of Laravel so that my approach going forward is less, “copy, paste, and hope” and more thoughtful and intentional.
On Monday we start building for reals.
Planned a first pass at my database schema. Looking at the relationships between tables based on what I learned the day before.
Had to wrap up my company accounts today so it wasn’t the most productive of days for my side project. Although I did develop the schema a little more and registered the social handles.
Setup the first pass at the models and table migrations. I learned about passing JSON to the table today which is super cool. I would love to spend all week on this, but I only have an hour or two a day to chip away.
Day 24: Migrationshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Setup Modelshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Setup MigrationsSetup the first pass at the models and table migrations. I learned about passing JSON to the table today which is super cool. I would love to spend all week on this, but I only have an hour or two a day to chip away." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 24: Migrationshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Setup Modelshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Setup MigrationsSetup the first pass at the models and table migrations. I learned about passing JSON to the table today which is super cool. I would love to spend all week on this, but I only have an hour or two a day to chip away." class="img-responsive" style="max-width:100%;"/>
Definitely starting to feel more comfortable with Laravel and with the concepts of TDD. A long way to go. But 25 consecutive days of learning, even if it’s only for 30 mins is making a huge difference.
Learning how the backend works is so empowering. Watching an application come together without even touching the front end is such a new concept for me, it’s so cool though.
Learned more about validation. Learned the “exists” rule which allows you to reference that a value appears in the column of another table. So cool.
Spent all of my allocated time struggling with validating data from a Multidimensional Array. Shouldn& #39;t be that difficult, but I made a right mess of it.
On the plus side...
Today marks 4 weeks of consistent daily commits.
I didn& #39;t have a lot of time to work on this today. So I switched gears from yesterday and implemented delete posts along with tests for it. Another little step forward, and one less step to take tomorrow.
Day 29: Delete Postshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Added delete postsI didn& #39;t have a lot of time to work on this today. So I switched gears from yesterday and implemented delete posts along with tests for it. Another little step forward, and one less step to take tomorrow." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 29: Delete Postshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Added delete postsI didn& #39;t have a lot of time to work on this today. So I switched gears from yesterday and implemented delete posts along with tests for it. Another little step forward, and one less step to take tomorrow." class="img-responsive" style="max-width:100%;"/>
A busy day spent house remodeling so little time to jump into code today. Made a solid plan for the project for the week ahead though.
Learned about Refresh in Laravel today so that I can just pass my updated info to the database without needing to update it all. Super neat.
Refactored pinning and unpinning posts. Added additional tests. Not a huge day for feature work, but another small step.
Not a productive day for the project (was anyone productive today?) Read some documentation that will be useful for the product though.
Added likes feature and more tests. Really loving Laravel. Already excited to start more projects with it. So much fun.
A busy work week meant progress slowed down towards the end of the week. But tomorrow I’ve got a good chunk of time dedicated just to this in the morning, looking forward to it.
Update from yesterday - I got distracted with everything going on and forgot to update. It was such a great day yesterday!
I made progress today on some challenging (at least for me) features. I feel like I wrote some of my best backend code yet. Although I couldn& #39;t quite get it all to work. I know what needs fixing so feeling pretty good.
Day 37: Managing Commentshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚫" title=""Betreten verboten!"-Zeichen" aria-label="Emoji: "Betreten verboten!"-Zeichen"> Owners managing comments I made progress today on some challenging (at least for me) features. I feel like I wrote some of my best backend code yet. Although I couldn& #39;t quite get it all to work. I know what needs fixing so feeling pretty good." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 37: Managing Commentshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚫" title=""Betreten verboten!"-Zeichen" aria-label="Emoji: "Betreten verboten!"-Zeichen"> Owners managing comments I made progress today on some challenging (at least for me) features. I feel like I wrote some of my best backend code yet. Although I couldn& #39;t quite get it all to work. I know what needs fixing so feeling pretty good." class="img-responsive" style="max-width:100%;"/>
Blocked by some permissions validation I watched some tutorials to unblock myself. It didn’t work
Another spent learning. Moving slow now to move fast later.
Yesterday& #39;s update: Still blocked authenticating that users AND post owners can delete comments on a post. I have my test written and it& #39;s behaving as expected, just need my controller to play nice now. Any suggestions?
Day 40: Still Blockedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚫" title=""Betreten verboten!"-Zeichen" aria-label="Emoji: "Betreten verboten!"-Zeichen"> Deleting commentsYesterday& #39;s update: Still blocked authenticating that users AND post owners can delete comments on a post. I have my test written and it& #39;s behaving as expected, just need my controller to play nice now. Any suggestions?" title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 40: Still Blockedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚫" title=""Betreten verboten!"-Zeichen" aria-label="Emoji: "Betreten verboten!"-Zeichen"> Deleting commentsYesterday& #39;s update: Still blocked authenticating that users AND post owners can delete comments on a post. I have my test written and it& #39;s behaving as expected, just need my controller to play nice now. Any suggestions?" class="img-responsive" style="max-width:100%;"/>
I was still blocked on comments, so last night I made a list of potential users based on Twitter searches for competitor mentions. I’m going to draft some messages tonight and start reaching out to get feedback on what I have so far.
Yesterday was a busy Friday, so I couldn& #39;t do lots. Before bed, I drafted messages to send to potentials users today. I also set up my potential users in a Notion table so that I can track feedback better.
I contacted people that I believe have used competitors and may have useful insights for me. Let& #39;s see if any reply, and if so, what they say.
My app has the concept of "Posts", and Posts can be grouped into Collections. You can pin and unpin a Post or a Collection to your profile. I just added pin and unpin Collections tonight in under an hour
It’s been one heck of a busy day, it’s too late to start anything meaningful now, so I’m just planning work for tomorrow, and writing some rough Sudo code so that I can hit the ground running.
I just made a Like Posts feature... although... I& #39;m not sure that I made it in the best way possible... and it has no validation for the amount of time a user can Like a Post. Time to put my mac down for the day and revisit tomorrow.
Not a lot of time for dev work today. But I did watch an @adamwathan talk about how he uses @tailwindcss. Convinced me to give it a try.
Merged issues that have been blocking me for days. Onto the next feature... Following.
It& #39;s been 48 days of continuously chipping away at this. Somedays only 30 mins, some days 2 hours.
Bit by bit.
Tried adding a following model at lunch, where users can follow other users, Twitter-style. I got stuck and my tests keep spitting out an error. Tried to debug, but giving up for the day. Here& #39;s what I got, does this look ok?
Day 49: Followinghttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚫" title=""Betreten verboten!"-Zeichen" aria-label="Emoji: "Betreten verboten!"-Zeichen"> Blocked FollowingTried adding a following model at lunch, where users can follow other users, Twitter-style. I got stuck and my tests keep spitting out an error. Tried to debug, but giving up for the day. Here& #39;s what I got, does this look ok?" title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 49: Followinghttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚫" title=""Betreten verboten!"-Zeichen" aria-label="Emoji: "Betreten verboten!"-Zeichen"> Blocked FollowingTried adding a following model at lunch, where users can follow other users, Twitter-style. I got stuck and my tests keep spitting out an error. Tried to debug, but giving up for the day. Here& #39;s what I got, does this look ok?" class="img-responsive" style="max-width:100%;"/>
I attempted to learn notifications in Laravel, got too distracted, and so decided to design instead. I drafted user flows for different features, and also started to venture into visual a little. Felt good.
Spent some time putting together the beginnings of a design system. Still a ways to go, but I’ll share screenshots this week.
Also watched more @adamwathan videos on @tailwindcss. Looking forward to trying it out on this project.
Completed the Following feature today with some help. This is definitely one of those features I could launch without, but one of those that I wanted to learn and add to my bag of tricks
Added views at lunch today to show a user& #39;s follower and following list. Need to refactor my naming conventions because follow, followed, following, followers... all got super confusing in my code
Refactored that Posts can belong to many Collections. Makes more sense that you can create a "post" once and then re-use it and add it to numerous Collections.
In my app, a user can create "posts" and can pin those posts to their profile. Only the pinned posts are viewable by other users. I& #39;ve just made the test, controller, route, and view. Test says it& #39;s working, I& #39;m not so sure...
Got this working with some help this morning. I was so close to getting it to work too. Definitely improving, but there& #39;s still lots to learn.
Worked on getting the backend tests and structure in place for these two features. I have a few more tests to write tomorrow. This gives me a great starting point.
Day 57: View Liked Contenthttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> View Posts you& #39;ve likedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> View Collections you& #39;ve likedWorked on getting the backend tests and structure in place for these two features. I have a few more tests to write tomorrow. This gives me a great starting point." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 57: View Liked Contenthttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> View Posts you& #39;ve likedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> View Collections you& #39;ve likedWorked on getting the backend tests and structure in place for these two features. I have a few more tests to write tomorrow. This gives me a great starting point.">
Day 57: View Liked Contenthttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> View Posts you& #39;ve likedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> View Collections you& #39;ve likedWorked on getting the backend tests and structure in place for these two features. I have a few more tests to write tomorrow. This gives me a great starting point." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 57: View Liked Contenthttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> View Posts you& #39;ve likedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> View Collections you& #39;ve likedWorked on getting the backend tests and structure in place for these two features. I have a few more tests to write tomorrow. This gives me a great starting point.">
I reviewed last night& #39;s code and made improvements. Any free time I& #39;ve had today has been spent watching tutorials and learning. I bought @brunocfalcao& #39;s, Mastering Nova. Looking forward to digging into it and using Nova.
I& #39;m still wrapping my head around this feature, and still in the process of implementing it. Not many backend features left on my list now. Explored quite a few new concepts with this project. Can& #39;t wait to jump into front-end!
Day 59: Notificationshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⚠️" title="Warnsignal" aria-label="Emoji: Warnsignal"> Add notifications I& #39;m still wrapping my head around this feature, and still in the process of implementing it. Not many backend features left on my list now. Explored quite a few new concepts with this project. Can& #39;t wait to jump into front-end!" title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 59: Notificationshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⚠️" title="Warnsignal" aria-label="Emoji: Warnsignal"> Add notifications I& #39;m still wrapping my head around this feature, and still in the process of implementing it. Not many backend features left on my list now. Explored quite a few new concepts with this project. Can& #39;t wait to jump into front-end!" class="img-responsive" style="max-width:100%;"/>
You can group Posts into Collections, and users can like Posts, so I added the ability to like Collections too.
I also noticed that I hit 100 commits on my project today.
Slow but steady
Day 60: Collection Likeshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Collection Likeshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⚠️" title="Warnsignal" aria-label="Emoji: Warnsignal"> Collection Like NotificationYou can group Posts into Collections, and users can like Posts, so I added the ability to like Collections too. I also noticed that I hit 100 commits on my project today.Slow but steady https://abs.twimg.com/emoji/v2/... draggable="false" alt="🐢" title="Schildkröte" aria-label="Emoji: Schildkröte">" title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 60: Collection Likeshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Collection Likeshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="⚠️" title="Warnsignal" aria-label="Emoji: Warnsignal"> Collection Like NotificationYou can group Posts into Collections, and users can like Posts, so I added the ability to like Collections too. I also noticed that I hit 100 commits on my project today.Slow but steady https://abs.twimg.com/emoji/v2/... draggable="false" alt="🐢" title="Schildkröte" aria-label="Emoji: Schildkröte">" class="img-responsive" style="max-width:100%;"/>
Added more notifications today. Started trying to implement notifications for when someone you follow posts a new post... but haven& #39;t managed to get it working so far.
Trying to add a feature that notifies users that someone they follow just posted a new post. I have the event, listener, and notification setup, just need to understand why it’s not working now
Got yesterday’s feature working. User’s will receive a notification when someone they follow posts a new post. Learned more about eloquent relationships. One more task down.
Thanks for sticking with these extremely vague updates
It was a family day today, so no chance for feature development. I did sneak a couple of @DailyLaravel tutorials in whilst I was on baby duty this morning though
Another great family day, so only one disrupted hour or so researching and learning new concepts. It seems that adding the ability for customers to use custom domains with my app, isn’t actually that hard
I& #39;ve wrapped up backend work on notifications for now. Installed Telescope and Jetstream. Moving closer towards front-end work.
Need to decide how the custom domain feature works with Jetstream / Users/ Teams
Did you know you can link multiple domains to one local env for testing. This will be super handy.
Day 67: Custom Domainhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Started work on allowing users to use a custom domain. Need to decide how the custom domain feature works with Jetstream / Users/ TeamsDid you know you can link multiple domains to one local env for testing. This will be super handy." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 67: Custom Domainhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Started work on allowing users to use a custom domain. Need to decide how the custom domain feature works with Jetstream / Users/ TeamsDid you know you can link multiple domains to one local env for testing. This will be super handy." class="img-responsive" style="max-width:100%;"/>
I continued to work on this task during my lunch. Lots of new little challenges regarding verification to solve. Started with tests as usual. Lots more tests and development to go.
Day 68: Custom Domainhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Continued DevelopmentI continued to work on this task during my lunch. Lots of new little challenges regarding verification to solve. Started with tests as usual. Lots more tests and development to go." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 68: Custom Domainhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Continued DevelopmentI continued to work on this task during my lunch. Lots of new little challenges regarding verification to solve. Started with tests as usual. Lots more tests and development to go." class="img-responsive" style="max-width:100%;"/>
More custom domain work. Loving learning @laravel, and Jetstream. It would be cool if it had the option for a Stripe subscription built into the registration flow.
Learned about Middlewares today and created one to check if the user has an active subscription or not. Learning basic stuff like this is going to open all kinds of possibilities for me.
A busy family day today, but managed to carve out an hour this morning to research pricing and give some thought as to the number of plans I’ll offer and how that relates to certain features. Then looked back and questioned it all
Attempted a little late-night tinkering. I have the test, controller, event, listener and service provider all set up. I just need to get the listener to update the count in the database. There& #39;s always tomorrow.
Day 72: Update Like Count https://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Update Post Like CountAttempted a little late-night tinkering. I have the test, controller, event, listener and service provider all set up. I just need to get the listener to update the count in the database. There& #39;s always tomorrow." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 72: Update Like Count https://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Update Post Like CountAttempted a little late-night tinkering. I have the test, controller, event, listener and service provider all set up. I just need to get the listener to update the count in the database. There& #39;s always tomorrow." class="img-responsive" style="max-width:100%;"/>
Small win. Fixed last night’s attempt at updating the Post Like Count in the database. It was a simple mistake to fix, that was very obvious with fresh eyes.
Have the beginnings of a front-end. With registration that flows into select a plan and billing. Middleware that detects plans too.
Would anyone want a detailed blog post on this?
Started defining the rules for subscriptions in one clear multidimensional array. I can check to see if the user is subscribedToPlan AND rule is met. Just need to plug all my rules in now.
Hoping to start UI over the holidays.
Refactoring the custom domain feature to be a redirect custom domain. Made it so that domains can be verified via a TXT token in the DNS records. Had lots of help with this one.
Just a little refactoring and cleaning up this evening. Wrapped up client work for 2020 today. Hoping to make more progress on this little project over the holidays. But also extremely mindful to relax too.
I updated the registration and associated validation and views to use first_name and last_name, and to automatically create a name by merging the two.
Day 78: Name Editshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> First and Last NamesI updated the registration and associated validation and views to use first_name and last_name, and to automatically create a name by merging the two." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 78: Name Editshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> First and Last NamesI updated the registration and associated validation and views to use first_name and last_name, and to automatically create a name by merging the two.">
Day 78: Name Editshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> First and Last NamesI updated the registration and associated validation and views to use first_name and last_name, and to automatically create a name by merging the two." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 78: Name Editshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> First and Last NamesI updated the registration and associated validation and views to use first_name and last_name, and to automatically create a name by merging the two.">
Had a chilled family day, tried to sneak some work in at 11pm after watching The Christmas Chronicles (great Christmas movie), tried to finish some refactor work... fell asleep
Going to sneak work in before the day starts tomorrow.
Started work on the front end last night. Basic model saving to the database. Going to style it out over the next couple of days.
Made some real progress on designing posts and the post editor yesterday. It brought up questions around the relationships of accounts, profiles, and teams that I& #39;d been putting off though. Need to figure that out before I can continue.
Based on today& #39;s pivot I attempted to decouple user profile from user account, so that an account hasMany profiles. I updated, and made my models, migrations, and factories... but then boom! It all broke
I was so close to getting this to work yesterday. I’m understanding lots more which feels good. Made a couple of small mistakes which I got some help to fix today.
Not a single second was spent on my project today. It’s all about family.
Merry Christmas Everyone!
Day 84: Christmashttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Christmas breakfast https://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Exchange presentshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Woodland walkhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Nigerian lunchhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Christmas Dinnerhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Drinks and a movieNot a single second was spent on my project today. It’s all about family. Merry Christmas Everyone! https://abs.twimg.com/emoji/v2/... draggable="false" alt="🎉" title="Partyknaller" aria-label="Emoji: Partyknaller">" title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 84: Christmashttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Christmas breakfast https://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Exchange presentshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Woodland walkhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Nigerian lunchhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Christmas Dinnerhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Drinks and a movieNot a single second was spent on my project today. It’s all about family. Merry Christmas Everyone! https://abs.twimg.com/emoji/v2/... draggable="false" alt="🎉" title="Partyknaller" aria-label="Emoji: Partyknaller">" class="img-responsive" style="max-width:100%;"/>
Yesterday I started refactoring all of my work so far so that everything belongs to the current profile of the auth user, not just the auth user.
Tests have really helped this process, they’ve given me complete visibility.
This has been a real refactoring effort. Changing something as fundamental as accounts and profiles has set me back. Hopefully, it will make for a better user experience.
Working my way through tests to get everything working.
Day 86: Refactoringhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Refactoring profilesThis has been a real refactoring effort. Changing something as fundamental as accounts and profiles has set me back. Hopefully, it will make for a better user experience.Working my way through tests to get everything working." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 86: Refactoringhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Refactoring profilesThis has been a real refactoring effort. Changing something as fundamental as accounts and profiles has set me back. Hopefully, it will make for a better user experience.Working my way through tests to get everything working." class="img-responsive" style="max-width:100%;"/>
Yesterday I was getting to grips with backend form validation based on dynamic form inputs, then traversing that data in JSON.
It feels powerful to know how to ask for data, validate it, store it, and then show it.
After a fantastic family walk this afternoon, I worked on the post editor. I added design and preview settings. I think a user may want to save a post as a template to re-use it, so I started work on templates.
Yesterday I spent a couple of hours revising the design language for the post editor. I had a wireframe to code from, and have basic HTML forms. But before jumping into Tailwind I wanted to have a clear solution for each of the elements.
After the family went to bed last night I spent an hour riffing on designs.
Feels like I should have a finished product after 90 "days", but I have to remind myself that they& #39;re far from full days. Working on it again tonight.
I completed the designs for the post editor last night. There were more intricacies than I anticipated, with much more exploration than I probably should have given it.
Tonight, I& #39;m working on the dashboard designs.
Started working on rough Dashboard designs last night, and began questioning the number of features I had built in the backend. May decide to release with fewer features and release them over time.
I figured out and implemented how to select or create a collection for a post whilst creating the post itself. The CreatePostController can create multiple different model instances based on the posts settings.
I didn’t have much time last night to work on any feature stuff. I’ve been jumping around between tasks recently and so I took some time to update my todo list and prioritise it.
It’s crazy how a simple app can lead to so many tasks
Last night, I re-read the Tailwind docs to prepare for beginning to implement it today. Time to take my basic HTML, and sprinkle some CSS magic on it.
I also bought Tailwind UI so that I can learn best practices.
I started adding @tailwindcss and @Alpine_JS to my project this evening after my family went to bed.
It& #39;s now 2am, and I need to stop! First time using both and having so much fun learning them.
Really getting to grips with Alpine JS and adding lots of reactive elements to the post editor. It& #39;s really starting to take shape now.
Calling it a day at 3.30am. Fine tuned a lot of the details today. Feeling good about things. Started making a mess of things at about 2am though. Definitely time for bed.
More fine tuning of the post editor this evening. This really is the core of the app so I’m sweating the details.
Day 100 tomorrow!
I have their lists of a user& #39;s templates displayed in the editor so that they can select one to save time. Tonight I tried to make it so that if a user selects a template the editor updates with data via AJAX. I failed. We go again tomorrow...
I spent hours this evening trying to figure out why my "npm run dev" commands were failing. I figured it out by creating a new branch and copying suspects in line-by-line. Turns out I messed up Tailwind Forms and Colors config.
Spent the last couple of hours fine-tuning the post editor. Added the beginnings of a custom made icon-picker, and delete/ reset functions for some fields.
Used the group-hover class in Tailwind for this which worked neatly.
Day 102: Post Editorhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Fine-tuning Spent the last couple of hours fine-tuning the post editor. Added the beginnings of a custom made icon-picker, and delete/ reset functions for some fields. Used the group-hover class in Tailwind for this which worked neatly." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 102: Post Editorhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Fine-tuning Spent the last couple of hours fine-tuning the post editor. Added the beginnings of a custom made icon-picker, and delete/ reset functions for some fields. Used the group-hover class in Tailwind for this which worked neatly." class="img-responsive" style="max-width:100%;"/>
Spent the last two hours trying to figure out why & #39;x-for& #39; wouldn& #39;t work for my objects. Then stumbled upon @hugo__df& #39;s awesome writeup. This should help me, but I& #39;m too tired to figure it out now. https://codewithhugo.com/alpinejs-x-for-with-objects/">https://codewithhugo.com/alpinejs-...
After many hours of trying I can& #39;t get one little bit of my picker to work with @Alpine_JS. I need to improve my JS.
Does anyone know how to set the class of the span if the radio is checked?
Almost wrapped this little feature up. It’s taken longer than I thought. Learned some neat tricks though thanks to @hugo__df and @ibrahimmumcu.
Added some other little interactions to the editor, mainly conditional classes.
Spent a couple of hours working my way through my todo list before bed. Tomorrow evening I& #39;ll tackle the Style component of the editor, set colours, etc
Spent a couple of hours redesigning the design tab and implementing it this eve. I& #39;m starting to move faster, repetition is certainly playing an important factor. I should have this tab wrapped up after another couple of hours tomorrow eve.
Have been trying to figure out how to pass classes from an array to the view, whilst also passing conditions to those classes using @Alpine_JS. After much head-scratching this answer saved me... https://stackoverflow.com/questions/65012738/multiple-class-bindings-in-alpinejs">https://stackoverflow.com/questions...
Spent a couple of hours tonight making the design tab functional. So many tiny details to account for.
I promised myself that I& #39;d try and do at least one constructive thing a day on this. Try as I might for the last 45 mins, I& #39;m just going in circles.
Learning my lesson from last week... walking away and coming back to it tomorrow.
It& #39;s 2.45am and it& #39;s time to call it a night. So many great break throughs this evening. Definitely time for a big refactor though, I& #39;ve been doing everything in the same file for the sake of ease. I need to start using templates
Day 111: Design Tabhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Edit Design DetailsIt& #39;s 2.45am and it& #39;s time to call it a night. So many great break throughs this evening. Definitely time for a big refactor though, I& #39;ve been doing everything in the same file for the sake of ease. I need to start using templates https://abs.twimg.com/emoji/v2/... draggable="false" alt="😳" title="Errötetes Gesicht" aria-label="Emoji: Errötetes Gesicht">" title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 111: Design Tabhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Edit Design DetailsIt& #39;s 2.45am and it& #39;s time to call it a night. So many great break throughs this evening. Definitely time for a big refactor though, I& #39;ve been doing everything in the same file for the sake of ease. I need to start using templates https://abs.twimg.com/emoji/v2/... draggable="false" alt="😳" title="Errötetes Gesicht" aria-label="Emoji: Errötetes Gesicht">" class="img-responsive" style="max-width:100%;"/>
It& #39;s 3am and the Design tab is 95% complete. Tomorrow I& #39;ll finish it and hopefully finish the settings tab too.
I know this is all still wishy washy, and 112 days is looong. But this daily commitment is real. Improving every day.
I went around in a few circles this evening. Implemented things that I should have designed first. It works, but I can already see better ways to do it, so I jumped back into Figma.
I went back to Figma last night for an hour to solve some niggling design details around "Add Image or Upload URL", as well as some other things. In a good place to wrap up those changes tonight after work and family duties.
Designing and building great software takes time and effort. The designs I worked on last night didn’t feel right this evening. So I stayed in design mode to get them working.
Another hour clocked up.
I decided to allow users to choose from 8 pre-selected fonts. I& #39;m trying to give users the ability to customise their posts, but without so much control that they look awful. I need to get feedback on this from early testers.
Made a neat little theme switcher dropdown. Being able to move from Figma to code and implement it in under an hour is such an awesome feeling. @tailwindcss and @Alpine_JS have changed the way I work. Simply amazing.
Didn& #39;t have the energy to do an awful lot tonight. I added a little overlay editor. Quick 30 mins of work. Moved the needle forward a nudge. Hoping to push the whole project forward lots this weekend.
I almost skipped today, but @AndrewFerguson kept me on track. I promised myself I& #39;d do one thing every day to move this project forward, so I filed some bug fixes before bed.
Full day on this tomorrow, can& #39;t wait!
Today was a really great day for my project. Added some cool features. So many small details and responsive issues to catch. Finishing early for today... 12.30am
We go again tomorrow.
Today was a long day, I had no time for my project. I& #39;ve just spent 30 mins before bed putting some markup in place so that tomorrow night after work I can connect things up quicker. Another nudge forward.
Added content to each of the sections. Validation still left to do, but that will have to wait for tomorrow night. I& #39;m finished for the day.
One less hour to do. One step closer to finishing.
It& #39;s 2am, I& #39;m calling it a day. I started passing Blade components through Alpine expressions tonight which was fun to try.
Still working within one file
Day 123: Settingshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Settings validationhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Other settings stuffIt& #39;s 2am, I& #39;m calling it a day. I started passing Blade components through Alpine expressions tonight which was fun to try. Still working within one file https://abs.twimg.com/emoji/v2/... draggable="false" alt="😂" title="Gesicht mit Freudentränen" aria-label="Emoji: Gesicht mit Freudentränen"> I definitely need to refactor this into templates." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 123: Settingshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Settings validationhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Other settings stuffIt& #39;s 2am, I& #39;m calling it a day. I started passing Blade components through Alpine expressions tonight which was fun to try. Still working within one file https://abs.twimg.com/emoji/v2/... draggable="false" alt="😂" title="Gesicht mit Freudentränen" aria-label="Emoji: Gesicht mit Freudentränen"> I definitely need to refactor this into templates." class="img-responsive" style="max-width:100%;"/>
Honestly not the most productive 45 mins tonight. I made a few edits. Went back and forth on some decisions and wasted a bunch of time. Going to think about a solution whilst I sleep
A user could previously upload an image or a video, but I also wanted to support adding an image or video URL, so I added that in. Needs a little touch up tomorrow, but it& #39;s working.
This feature shouldn’t have taken as long as it has, but I really only managed to spend an hour on it this morning. The rest of my day was out of my hands. Will hopefully wrap it up tomorrow. Hoped for more progress this weekend.
Couldn& #39;t find my groove today. Blocked on lots of little things because of NPM giving me a headache. Need to resolve that this week so that I wrap up this damned editor. By the far the trickiest thing I& #39;ve ever coded. Having fun still.
Tried to work on some small tasks tonight. Got completely distracted by Bitcoin. Wild.
2am. Calling it a day. Almost finished what I was working on last night. Figured out lots of little quirks. Just one tiny detail left for tomorrow night. Happy with how this feature is turning out.
Does anyone have a better solution to this problem below? It& #39;s not working and I think there must be a better way than a nested ternary operator.
Day 130: Fixing NPM https://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> @dave_stewart helped me some NPM issueshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Figuring out JS librariesDoes anyone have a better solution to this problem below? It& #39;s not working and I think there must be a better way than a nested ternary operator." title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 130: Fixing NPM https://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> @dave_stewart helped me some NPM issueshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Figuring out JS librariesDoes anyone have a better solution to this problem below? It& #39;s not working and I think there must be a better way than a nested ternary operator." class="img-responsive" style="max-width:100%;"/>
Recent NPM issues were related to Tailwind setup using v2, UI, and Forms. Turns out you don& #39;t need UI with v2, and so that broke some styling when I removed it. So tonight has just been fixing styles. Slowly creeping forward.
No major updates today. Grabbed 30 mins before bed to fix a few styling issues. That’s all I could manage today, better than nothing. The weekend brings another chance to move things along faster
No major updates today, a busy day parenting. Managed to sneak in an hour of fixing Tailwind issues at the very end of the day. The never-ending project continues to be never-ending
Tonight was quite productive. Made lots of fixes and improvements to the editor. Hoping to have the editor finished by next Sunday.
That’s the goal
Worked on the last of the CSS fixes tonight. Back on track. Too tired for any kind of update
Added icons to the icon picker instead of dummy data. Not a lot this eve, but one less thing to do tomorrow night.
@hugo__df gave me a neat tip to use x-html to insert SVG& #39;s from an array, rather than use SVGs as background images. The result is awesome and allowed me to close some tickets. Boom
Spent a couple of hours fixing low hanging responsive fruit. This product definitely has the trickiest amount of responsive considerations that I’ve ever made. All fun challenges though.
Go Mars!
Worked on things for about 4 hours tonight. Added a bunch of improvements using ‘nextTick’, thanks to @ryatkins for help with that. Working on the form submission experience. Calling it a day at 2am.
Spent about 3 hours refactoring some resizing issues. Had my wife give it a go... mixed results
There are so many fiddly little UX and UI things to fix. Spent all evening on it. I did not think I’d still be on this editor at day 141. When I finish this and release it please say something nice, even if you don’t mean it
Didn& #39;t manage to wrap this feature up tonight as I was too distracted. Will need to wrap it up tomorrow night. There were a couple more states than I anticipated.
Wrapped up this feature and tweaked a bunch of other things tonight. I& #39;m going to work on integrating the editor with the database again next, I lost that ability when I worked on styling the frontend.
Didn& #39;t do a massive amount tonight. Added a couple of error states. Fixed a couple of bugs. Added Upgrade badges for when a user& #39;s account doesn& #39;t allow for a feature.
Started adding the ability to change the preview. This is going to be a responsive nightmare, I already know it. But, I did get to a place i& #39;m happy with tonight. So I& #39;m knocking off early.
User can click desktop, tablet and mobile views and the view adapts. Need to work out what happens when that browser is smaller than the device you’re on. Eg. How do I view a desktop preview on mobile. Assuming it’s a viewport setting.
Wrapped up the preview controls and tweaked some layout issues this evening. Said I’d go to bed at 12am... here I am still working at 2.30am again.
I’m getting so drunk when I finish this bloody thing
Had to add fake-responsive classes to my previews to fake what breaks points would look like. It& #39;s been an interesting challenge. I can& #39;t say that I& #39;ve solved for it in the cleanest way, but it& #39;s working, so
Still working on responsive bugs. So many edge cases to account for. Happy with some of the bugs I fixed tonight. Another 1% better tonight.
Finished what I needed to do fairly quickly tonight. The responsive preview feature works nicely, even id the javascript is ugly. I could start on a new task, but instead I& #39;m heading for my earliest night in weeks
By the time I got to sit down this evening it was 11.45pm, I& #39;ve shuffled some things around, cleaned up some bits, swapped out some icons and added a back button. Nothing impressive, but 1% better than last night.
More teeny tiny tweaks because I could only start late tonight. Cleaned up the way a user can select or create a collection (category). Getting these small tasks out of the the way so I can tackle bigger tasks at the weekend.
Watched tutorials in preparation for next chunk of work. Refactored a small file upload feature. Made a todo list for the weekend... doubt I& #39;ll be able to finish half of it.
Started trying to get my editor to submit all the data to the database again. I used to have this working when my editor was static and unstyled, it& #39;s stopped working since I made certain elements dynamic though.
Still trying to get my form submission, and it’s server side validation to work again. Struggling due to dynamic inputs, tiredness, and that I’ve forgotten half of my Laravel learnings from last year
What my project feels like...
Made a mess of getting this to work. So I switched tasks to tweaking visuals... although that didn’t move the needle forward at all.
Frustrated this evening, hitting a dip, so I’m setting a deadline... day 200... I’ll have beta users.
After a long day of client work and Dad duties I didn& #39;t have the energy to be beaten by code today. So I re-evaluated my feature list, keeping the essentials, and removing the non-essentials.
Added a little like counter. Toggles Like icons, will add an animation later. Currently set so that only registered users can like an item, but thinking of opening this up so that anyone can like. Need to think this through in more detail.
I hardcoded all the error messages and their styles for the editor. Just need to get validation and old values working properly and it should all come together.
Progress has been slow this week. 41 days to get this in the hands of testers.
I did not have the energy for any code this evening, so I updated my pricing plan notes, researched competitors, and browsed inspiration. I’m going to try and do as much design work as I can this weekend so I have tasks for the week.
Wireframe exploration for the dashboard. Trying to keep things as simple and as clean as possible. Also trying to make a big table of data not look like a big table of data. Whilst it looks simple, the dev behind it will be more challenging.
Spent the majority of my day looking after our son whilst my wife worked, and celebrating Mother’s Day afterwards. I squeezed an hour of design in at the end of the day. Continuing to strip out features in order to get to market quicker.
Continued with design work tonight, still not happy with the flows that I’ve put together. I know I’m fussing over this particular interaction, but I believe it to be one of the most important parts of the app, so it’s worth getting right.
Received help today with getting Laravel& #39;s old values function to work with my Alpine components... turns out you can use Blade components in JS within a Blade file
Day 164: Validationhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Code cleanuphttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Old Valueshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Adding Validationhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Adding AJAXReceived help today with getting Laravel& #39;s old values function to work with my Alpine components... turns out you can use Blade components in JS within a Blade file https://abs.twimg.com/emoji/v2/... draggable="false" alt="🤯" title="Explodierender Kopf" aria-label="Emoji: Explodierender Kopf">" title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 164: Validationhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Code cleanuphttps://abs.twimg.com/emoji/v2/... draggable="false" alt="✅" title="Fettes weißes Häkchen" aria-label="Emoji: Fettes weißes Häkchen"> Old Valueshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Adding Validationhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Adding AJAXReceived help today with getting Laravel& #39;s old values function to work with my Alpine components... turns out you can use Blade components in JS within a Blade file https://abs.twimg.com/emoji/v2/... draggable="false" alt="🤯" title="Explodierender Kopf" aria-label="Emoji: Explodierender Kopf">" class="img-responsive" style="max-width:100%;"/>
Jumped back into writing Laravel Tests this evening. I& #39;m so rusty after having not wrote any tests since December! They& #39;re not all passing yet so I& #39;ve definitely got some work to do tomorrow night.
Realised I didn& #39;t need to fetch template data using Alpine, I could just pass a Laravel Collection to a JS array and access the data I needed. Learning little tricks each day.
I’ve been so focussed on the editor, that tonight I started focussing on the UX design before and after the editor. Tried to challenge all of my preconceptions. Definitely a bit of over-thinking going on
I sat down this evening after a long day, opened my laptop, then realised I’d left my charger in the office yesterday. Not wanting to skip a day, I reached for paper and pen, and sketched out the flows I’ve been thinking through
Spent the day walking in the woods near our house with my wife and son, but I did pop back to the office to pickup my laptop charger, and spent an hour working up my sketches into visual designs.
Big development push coming this week.
Wrapped up the dashboard design tonight, going to code the front end tomorrow. Watched some Axios tutorials, going to try and get that working too this week.
30 days until Beta users... there’s a lot left to do.
Validation still giving me a headache. Refactored my validation rules in the backend, added alternative strings for errors, still working on getting Axios to work.
Starting tinkering on the front end of the dashboard.
Still working on making validation work for the editor. Not making as much progress as I would like this week.
Still showing up and trying though.
Validation is now working thanks to @abdelilahlbardi. There is no way I would have figured this out on my own. It wasn’t a straight forward Laravel implementation and needed a little bit of magic
Thank you Abdelilah!
Intrigued by Vue. At this point I’m unsure if it will speed me up or slow me down. Probably slow me down. I should just finish what I’ve started
Validation is back
Reverted back to some previous code that seems to have solved my conditional validation rules. But having trouble displaying Axios error messaged for nested arrays.
Developing can be extremely frustrating at times.
I won! I figured out my error message problem after a little debug help session with @dave_stewart. Learned more about optional chaining operators, which was key in helping solve this problem.
So so close to wrapping this up. Could have done it tonight, but have had a really long day and so the sweet feeling of putting this one to bed will have to wait until tomorrow.
Woo! Finally wrapped up displaying errors! I have a little trickery to implement so that error messages disappear when a user starts to correct the error (before form submission). Chuffed to have this part working.
Spent two hours tonight trying to get a Flexbox issue to work. 90% of the way to fixing it. I just know I’ll wake up in the morning and the answer will hit me in the face.
20 days until beta users
Worked so late last night and got distracted by the the baby that I forgot to post an update. Shout out to @abdelilahlbardi who jumped on a call with me at 11pm on a Friday night to help troubleshoot.
Update for yesterday, fell asleep as I was working last night. Working on formatting my JSON response so that only the data I want gets saved and bad guys can’t just submit anything to the DB.
Hoping to finish this task tonight.
Sounds weird, but I just love JSON. Still working on the backend formatting of it for the database. Managed to sit down at 10.30pm and give it 90 minutes - interrupted a few times by the baby. Still more to do tomorrow night.
Laravel’s image store seems to have broken when using Axios. Trying to figure that out. I have a buggy version of saved templates working. Feels good to finally have it working (sort of). My bug fixing is improving!
Still putting out fires on the saved templates. Got my success screen working when a user creates a post. Just need to get the URL passed back and displayed now.
Still working on bug fixes for saved templates. I almost have everything working for this feature. There are some nice to haves that I& #39;ve made a note of but I need to park these for later.
Two weeks until my beta user deadline!
I& #39;ve been trying to fix a bug for 3 days, figured out where it was, and kind of why it was breaking but couldn& #39;t figure out how to fix it. Then @abdelilahlbardi came in and fixed it in 30 mins! Hero.
Fixed a bug for saving files that are uploaded this evening. Made some other small bug fixes too. I need to move on to viewing posts now. I should be able to recycle lots of the editor code.
Laravel converts empty strings to null by default, which broke some of my editor. I fixed it and moved to coding viewing posts.
Feels good to have a change of scene and to not work on the editor.
Investigated if my editor and view post be controlled by the same JSON so that they can use the same codebase. Ongoing.
Made a custom "Copy Link" feature using:
document.execCommand("copy");
10 days to Beta!
I spent far too long checking for "https://" on entered URLs. Still not fully working. And then I spent far too long getting a timeout function to work... turns out all I needed was to read the docs
I’m not moving things forward as much as I would like. It’s difficult to get into anything meaningful in one hour at the end of a long day. Especially when you’re learning, that hour disappears fast!
Decided to take a step back for a couple of days and go through Wes& #39;s course. Going slow now to go faster later. Hoping that it improves the speed of my work, because I need to go faster with the limited time that I have.
Learning so much about the basics of JS. It’s sinking in and making sense this time. For years I’ve just fudged things, but taking time to step back and actually learn the basics is going to really allow me to move faster.
Another 45 mins of learning on my lunch break. Hoping to finish the course this weekend, whilst also applying the learnings to my app. Big weekend push required.
Also need to do accounts for two of my companies though. Urgh.
Another module down. Getting to grips with the DOM. A whole new world is opening up.
Slightly distracted by Prince Phillip’s funeral. What an incredible life he lead.
Underestimated how long this course is, so I didn’t finish it this weekend as hoped.
It didn’t help my project that I spent last night with friends, and all day today with my fam. No regrets, this was the best wknd in a year!
Learning a lil JS was great for a few days, it’s given me more confidence to push on. Started putting together the dashboard views this evening. It was literally 40 mins of work after a very long day, but at least I started.
Worked on the dashboard view these evening. Lots of UI coded up, just need to get some of the dynamic elements to work. Still not used to fetching data when required on the fly. Need to understand this more.
Tomorrow is day 200.
Today marks 200 consecutive "days" of working on my SaaS. I thought it& #39;d be shipped by now, or that I& #39;d at least have beta users. But Nope. Because building software, when you don& #39;t know how, is bloody difficult.
*Approx 1-2 hours
Day 200: Dashboardhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Adding Alpine JSToday marks 200 consecutive "days" of working on my SaaS. I thought it& #39;d be shipped by now, or that I& #39;d at least have beta users. But Nope. Because building software, when you don& #39;t know how, is bloody difficult.*Approx 1-2 hours" title="https://abs.twimg.com/emoji/v2/... draggable="false" alt="🗓" title="Spiralkalenderblatt" aria-label="Emoji: Spiralkalenderblatt"> Day 200: Dashboardhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🚧" title="Baustellenschild" aria-label="Emoji: Baustellenschild"> Adding Alpine JSToday marks 200 consecutive "days" of working on my SaaS. I thought it& #39;d be shipped by now, or that I& #39;d at least have beta users. But Nope. Because building software, when you don& #39;t know how, is bloody difficult.*Approx 1-2 hours" class="img-responsive" style="max-width:100%;"/>
