Featured Projects Spotify Web Search
View Project
<p>This application allows the users to search the Spotify music database for artists and songs through the web.</p>
<p>Users can choose to use either or both search criteria. An artist or artist/song search will return only one result. A song search will return the top five results.</p>
<p>If the intended result doesn't appear, the user can be redirected to Google Search.</p>
Weather App
View Project
<p>This application allows users to search for real-time weather data of any city or town in the world.</p>
<p>The search results include the real-time temperature, the expected temperature range for the day, and the relative air humidity (as a percentage), as well as a small icon to represent the overall current weather data.</p>
<p>After every search, the user is allowed to search a different city and get a completely different result.</p>
Notes App
View Project
<p>This is a simple VueJS 3-powered web application that allows you to create post-it notes on your browser with both a title (optional) and a body, and it allows the users to delete any one note by simply hovering and clicking on it.</p>
My Links
View Project
<p>This is a small one-page website intended to be a collection of all my Internet links, whether they be social-, professional-, and/or personal-related.</p>
Other Projects Custom JavaScript Carousel
View Project
<p>This is a simple web app that uses Vanilla JavaScript to create a carousel-like component.</p>
<p>The left and right arrows allow the user to change the background image at will, with a short animation that plays during the transition.</p>
<p>The component also self-actualizes every 10 seconds, showing a new image.</p>
Random Hex Color Generator
View Project
<p>This web app generates random hex codes on click that are then applied to the body of the website for the user to identify visually, as well as providing the hex value in case the user wishes to replicate it.</p>
<p>A new hex value is generated, applied, and showcased at every button click.</p>
Front End Mentor Projects
View Project
<p>This web app presents a collection of previously completed projects (by me) available on frontendmentor.io. The users can click on each of the projects to be taken to a website where they can see and interact with the project.</p>
URL Shortener
View Project
<p>This is a small web application that allows the user to shorten any URL they want by using the 'tinyurl' npm package.</p>
<p>The user enters the URL to be shortened in a form at the homepage, and receives the shortened URL generated by TinyURL as well as a blank form to submit a new URL if needed.</p>
To Do List
View Project
<p>This web application allows users to dynamically add tasks to a list, remove them (by clicking on them) and hide or show the entire list.</p>
Monster Slayer Game
View Project
<p>This is a simple VueJS-powered browser game application, where you can attack a monster, heal yourself, or surrender, and each action is logged to a 'Battle Log' at the end of the page.</p>
Digital Clock
View Project
<p>This is a simple, basic Vanilla JavaScript ebook application that shows the day of the week and the current time in a 12-hour format.</p>
URL Encoder/Decoder
View Project
<p>This web application allows the users to enter any URL in the textarea element and encode/decode such URL through Vanilla JavaScript. The resultant URL (after encoding/decoding) is displayed as a link to let the user to visit the website.</p>
Character Counter
View Project
<p>This is a simple web app that allows the user to type in text to a textbox and counts and displays the number of characters of the entered string. The body's background color also changes according to the character count.</p>