Click the name of the application on the left to view
This crypto and fiat exchange application uses a large dataset of fiat and crypto currency exchange rates in order to provide exchange values. It utilizes the fetch API to make network calls for the current market rate of each currency. With every network call, the respective currency flag is updated through the use of Amazon’s S3 Bucket storage, where the images live.
The weather application gives current and forecasted data on the weather such as temperature, wind speed and visibility. It utilizes the axios library to make the asynchronous network calls whilst the css framework, Bulma, is used to dynamically format the data. It also makes use of a Flag Cdn provided by Cloudflare to get country flags through their API. Additionally, there is an option to utilize the geolocation API so that the operating system can grant or deny access to the user’s current location.
The calculator app functions like a basic calculator, allowing users to do basic mathematical operations. The logic behind the functionality is a bit complex and utilizes a lot of regexes. The screen has two sections for ease of viewing and a history object that stores all past expressions.
The most challenging of all, this application randomly generates mazes of different sizes based on the difficulty. Like all of my other applications, it is built from scratch and uses the iterative maze algorithm found on Wikipedia. With those steps in mind, I realized that the best approach was to use the P5 library which provides an array of functionality to help build the interface. The logic behind it is a bit complex and uses more modern javascript syntax. It requires a good grasp of javascript to ensure the code is optimized and concise. The mazes are randomly generated and can be followed through the current highlighted cell. The countdown begins when the user clicks the timer and resets when the client is finished or when the timer reaches zero. It makes for a fun game of “solve the maze” and has a lot of room for further addons to make it an even better experience.
The "lost in space" themed website was built using Blender. Every object except the white gun was built from scratch using Blender and the entire scene was made "static" using a technique known as baking. The final draft was exported and edited with THREE.JS. THREE.JS was integral in customizing the scene and adding all the movements. Further to this, GLSL was used to add more complex manipulations to specific objects such as the floating balls. This was built on WEBGL's amazing API and the dropdown was created with VANILLA JS and CSS. The aforementioned projects used a mixture of frameworks and libraries and the project's dependencies are all managed with WEBPACK and launched through email with VERCEL. Many improvements can be made such as better color management, accessibility, complexity analysis, responsiveness, testing and page load speed to name a few.
Special thanks to Mr. Moonesh Lutchman, The Coding Train, FreeCodeCamp, Colt Steele, Bruno Simon, ZeroToMastery & RealPython