I like to build stuff on the web👌
Sydney, Australia
Joined May 2015
- Tweets331
- Following220
- Followers241
- Likes314
Close to you - Tommy Emmanuel. Some solo jamming sessions after work. Enjoy.
#guitar #tommyemmanuel @ Sydney, Australia instagram.com/p/CG7M0nJA1pR/… – at Sydney, New South Wales
Day 8/100
Built app to show alternatives to common english words. E.g. very good -> excellent. Also first time using typescript in react and styled components.
Demo: dont-say-very-andrewb.netlif…
Repo: github.com/andrewbdesign/don…
#100DaysOfCode #CodeNewbie
A bit of light reading (lol) for your morning.. 🙂
A Complete guide to React useEffect:
overreacted.io/a-complete-gu…
#100DaysOfCode #CodeNewbie #react #javascript
Day 7/100
Built a chat app/msn messenger clone. Using react, socket.io, nodejs. Added the default ms windows XP background 🖥️
Demo: chatapp-andrewb.herokuapp.co…
Repo: github.com/andrewbdesign/cha…
#100DaysOfCode #CodeNewbie #react #javascript #socket #node
Great article by @eddzio.
User experience and cognitive load: when less is more
uxdesign.cc/user-experience-…
#100DaysOfCode #CodeNewbie #frontend #webdev #css #javascript #html #react – at Sydney, New South Wales
Day 6/100
Built a drum pad that uses keyboard/mouse. Building this was fun. Got distracted too many times. Enjoy! 🍞🥬
Demo: drumpad-andrewb.netlify.com/
Repo: github.com/andrewbdesign/dru…
#100DaysOfCode #drums #frontend #javascript #html #react #css #uidesign
free-for.dev/
Free tools for developers. Covers everything from docker to data visualisation to CI/CD.
#100DaysOfCode #frontend #webdev #javascript #html #css #dev #code
Day 5/100
Built a Rock, Paper, Scissors, Lizard, Spock game! Includes emojis 🖖
Demo: rpsls-andrew.netlify.com/
Repo: github.com/andrewbdesign/rps…
#100DaysOfCode #html #css #javascript #react #frontend #webdeveloper
js-tldr.info/
A tl;dr for JavaScript documentation by @rusinovAntonDev. Sometimes reading MDN docs can be a bit too much.
Here is preview of Array.splice() method. Shows the syntax and code example. Nice😎
#100DaysOfCode #javascript #webdevelopment
Day 4/100
Built a simple speed reader app. Was looking at speed reading tools and was inspired to build one.
Demo: speed-reader.netlify.com/
Repo: github.com/andrewbdesign/spe…
#100DaysOfCode #html #css #javascript #react #frontend #webdev
Colourful drop shadows that follow your image? Yes please🙂
#100DaysOfCode #html #css #javascript #frontend #webdev
npm.robinloeffel.ch/cosha/ – at Sydney, New South Wales
Day 3/100
Built a pricing breakdown tool. Was inspired after seeing my friend's excel spreadsheet with this functionality. Seeing how much I pay for rent/year makes me 😬. Enjoy!
Demo: pricing-breakdown.netlify.co…
Repo: github.com/andrewbdesign/pri…
#100DaysOfCode #html #css #javascript
Using Composition in React to Avoid "Prop Drilling" @ReactTraining
Great to see other alternatives than to use Context in #reactjs. #100DaysOfCode
youtube.com/watch?v=3XaXKiXt…
Day 2/100:
Made a small #uidesign update on register form on my budget planner app. Didn't like reading red error text messages on top of a colourful background gradient.
#100DaysOfCode
A bit of a long read, but very interesting. Examining why software engineers are seen as arrogant grumpy people that say no to everything #100DaysOfCode
humanwhocodes.com/blog/2012/…
A good explanation of why type="number" is bad for input fields #100DaysOfCode
technology.blog.gov.uk/2020/…
Great article by @Wattenberger on understanding the viewBox and scaling SVGs. Includes a nice little animation for the visual folks.
wattenberger.com/guide/scali…
Inspired by @florinpop17 's #7Days7Websites challenge. And restarting #100DaysOfCode.
Day1: Website 1 - Project Dream. Had some downtime on the weekend and built this splash screen. Retro 80s games graphics and animation.