Joshua Mendoza
JfuseCodes

JfuseCodes

Meet my latest project: Checkoutside

Joshua Mendoza's photo
Joshua Mendoza
·Sep 17, 2022·

2 min read

Meet my latest project: Checkoutside

Subscribe to my newsletter and never miss my upcoming articles

Play this article

Table of contents

  • Breakdown of the app
  • What I learned
  • Wrapping Up

I built a weather app using vanilla javascript. I know what you might be thinking. React would have been great for this project. I have used React in the past-first learned in a software engineering boot camp. However, I have since decided to reintroduce myself to javascript to have a more vital fundamental understanding for future frameworks and libraries.

Desktop - 1.png

Breakdown of the app

A simple dashboard providing the weather in any location you wish to search for, broken down into 4 different components. The four components consist of weather data such as the current temperature degrees, air quality, daily temperature, location, and daily temperature, with a choice of only two days or the following 5.

What I learned

Callbacks

To understand asynchronous programming, one must fundamentally grasp callback functions. In a nutshell, a callback is passed into another function as an argument. It is invoked inside the outer function to complete some routine or action. A prime example of this is the addEventListener method built-in by javascript.

Promises

Usage of promises can invoke "callback hell." Callback hell is a nickname coined for a hierarchical pyramid-like structured code that can be very hard to read, let alone maintain.

Luxon.js

I could use a new library that I did not know existed before. It is always fascinating whenever I get to include a new tool in my workflow. To use it, simply include

Luxon is a library for dealing with dates and times in javascript. It is beneficial for:

  • it's API for working with date times
  • interval support(from time x to time y)
  • duration support
  • parsing and formatting
  • built-in handling of time zones

For this project, I used Luxon mainly for the parsing and formatting of dates.

Wrapping Up

Soon I will attempt to do both a written and video tutorial for this project. So be on the lookout for that. The video will be uploaded via youtube, another future project of mine/goal. Stay safe!

Did you find this article valuable?

Support Joshua Mendoza by becoming a sponsor. Any amount is appreciated!

Learn more about Hashnode Sponsors
 
Share this