As part of my journey to become a better engineer, I’ve been taking a JS course that focuses on ES6+ new functions and concepts. Admittedly, I started this course awhile ago. Shortly thereafter, life, work, and a bout of burnout happened, but that’s another blog post.

I’ve rekindled my passion for learning and expanding my skill set. This banking app is the first one I’ve built in awhile. It’s built in JavaScript and uses various array and number methods, the date object, the Internationalization API, and setInterval.

The app uses dummy data populated via an object that contains transactions, dates, currency and locale.

The internationalization API was used to format the transactions, balance amounts, dates, and times based on the locale of the user set in the user objects.

setInterval was used to set a timer that logs out the user after being idle for five minutes. The setInterval clears when the user takes any action, including logging in as another user.

The focus of this app was purely for JavaScript practice, not styles so the app is not responsive.

You can see the app in action here and the git repo lives here.

To view the app, you can login with mc and the pin 1111. To see the localization working, you can view another user with the user name jd and the pin 2222.

More app builds to come!

I’ve seen tons of CSS Art floating around the internet for years. Recently, I stumbled upon this Medium article by Eva Lettner that inspired me to do this. Granted, it’s 4 years old but it’s still relevant. I figured I’d try my hand at it. Pikachu is made mostly with HTML and CSS3, lots of pseudo elements, a flex box wrapper, and some light JavaScript. This was my first pass at making CSS art and I’m kind of proud of this one. This wasn’t done via tutorial, just from scratch and modeled after an image. This project was interesting as it forced me to reevaluate the common ways I solve problems and think of alternatives to solutions. It also allowed me to be creative in a way that translating mockups to code doesn’t. Bonus: It was super fun and Pikachu came out adorable!

To view the CodePen click here

This project was one that came out of Jonas Schmedtmann’s Udemy course, the Complete JavaScript Course 2021. It involved a lot of DOM manipulation and click events. Most of which I already knew but I started this course to learn ES6 and beyond as well as some of the more advanced and nuanced aspects of the language.

Click here to view the project

The idea for this ‘Click for More Content’ project came to me from an old work project. The feature was scrapped in the original project so I put this together just for fun and to see if I could it.

I spun up a WordPress instance, found some dummy data to populate the page and built the jQuery script that loads more content based on a click event listener.

To view the project, click here: https://infinity.michelecheow.com/