andrewb_dev's profile picture. I like to build stuff on the web👌

Andrew Bonifacio

@andrewb_dev

I like to build stuff on the web👌

Close to you - Tommy Emmanuel. Some solo jamming sessions after work. Enjoy. #guitar #tommyemmanuel @ Sydney, Australia instagram.com/p/CG7M0nJA1pR/…


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.netlify.app Repo: github.com/andrewbdesign/… #100DaysOfCode #CodeNewbie


A bit of light reading (lol) for your morning.. 🙂 A Complete guide to React useEffect: overreacted.io/a-complete-gui… #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.com Repo: github.com/andrewbdesign/… #100DaysOfCode #CodeNewbie #react #javascript #socket #node


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/… #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/… #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

andrewb_dev's tweet image. 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/… #100DaysOfCode #html #css #javascript #react #frontend #webdev


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.com Repo: github.com/andrewbdesign/… #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=3XaXKi…


A good explanation of why type="number" is bad for input fields #100DaysOfCode technology.blog.gov.uk/2020/02/24/why…


Great article by @Wattenberger on understanding the viewBox and scaling SVGs. Includes a nice little animation for the visual folks. wattenberger.com/guide/scaling-…


Inspired by @florinpop1705 '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.


Loading...

Something went wrong.


Something went wrong.