who's making tea?

☕️

[who's making tea? @whosmakingtea]

@YorkshireTea

[Shib Willoughby @shibbles_]

What's that? @whosmakingtea is ready?!

https://t.co/o9o7NV5hKG

✅Built using @Angular 10 and @Firebase!
✅Hosted on @Netlify!
✅Decides who will make tea!

Go forth and fairly decide who will make tea / buy a round / do the dishes! ☕️

#webdevelopment #javascript #WomenWhoCode

[who's making tea? @whosmakingtea]

Time to get all cosy with a tea? ☕️ #whosmakingtea

[Shib Willoughby @shibbles_]

Finally added in the ability to edit your profile details! @Firebase authentication made this incredibly easy and it looks super super swish! The @whosmakingtea refactor is almost finished! ✨☕️ #javascript #webdevelopment #Angular #Firebase #WomenWhoCode

[Shib Willoughby @shibbles_]

My @whosmakingtea refactor is looking really nice on mobile too! ☕️ 💖 #javascript #webdevelopment #Angular

[Shib Willoughby @shibbles_]

Now that the bulk of the @whosmakingtea refactor is done I'm finally adding in nice user account features like forgot password! @Firebase made this scarily easy to do! And look! I added some swish as well! ✨ #javascript #webdevelopment #Angular #firebase

[Shib Willoughby @shibbles_]

Just a little #threejs experiment for @whosmakingtea! ☕️ Unsure if it'll make the final cut yet as it's a bit b e e f y. But I love it! Thanks @Physicalpariah for the 3D help! #javascript #webdevelopment #Angular

[Shib Willoughby @shibbles_]

The logic for picking is IN! My @whosmakingtea revamp now records how many rounds everyone has made vs drunk and uses them to *fairly* calculate (with a teensy bit of random thrown in for funsies) who gets to make the next round! ☕️ ✨ #javascript #webdevelopment #Angular

[Shib Willoughby @shibbles_]

Today's UI fanciness for @whosmakingtea is only small but makes changing lists feel so much nicer! Just a small fade / loading indicator but so shiny! ✨ #javascript #webdevelopment #Angular

[Shib Willoughby @shibbles_]

Making. It. Fancy. The delete popup for @whosmakingtea now has a swish open / close transition! 🍃 #javascript #webdevelopment #Angular

[Shib Willoughby @shibbles_]

Worked a bunch on the adding / editing / deleting participants functionality for @whosmakingtea today as well as a delete popup overhaul! It feels like it's missing some fancy transitions though so next up am gonna focus on ~prettiness~! 🎨 #javascript #webdevelopment #Angular

[Shib Willoughby @shibbles_]

Did a lot of non-visual backend work with Firebase BUT I also spent some time and adding in little loading indicators when editing / adding lists! Much better user experience! #javascript #webdevelopment #Angular #whosmakingtea

[Shib Willoughby @shibbles_]

Been refactoring the delete functionality and we now have a delete confirmation popup again! Next step is hooking it up to my Firebase backend! Been finding Firebase such a joy to work with compared to my old PHP Postgres solution. ☕️ 🎉 #javascript #webdevelopment #whosmakingtea

[Shib Willoughby @shibbles_]

Started implementing Google Cloud Firestore so now you can add and edit tea lists! So fancy! ☕️ #javascript #webdevelopment #Angular #whosmakingtea

[Shib Willoughby @shibbles_]

Super swish! Making my tea website mobile compatible! 💪 #javascript #webdevelopment #Angular #whosmakingtea

[VeryBritishProblems @SoVeryBritish]

Tea is brilliant

[Shib Willoughby @shibbles_]

I've been refactoring my tea website to make it mobile compatible / update Angular / migrate the backend to Firebase and I have to say - looking at old code I've written and not hating it is such a nice feeling. Still super proud of this one!☕️ #webdevelopment #javascript

[who's making tea? @whosmakingtea]

A calming tea just before bed, goodnight all, dream well x

[who's making tea? @whosmakingtea]

Go put the kettle on!