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>
Tasks
View Project
<p>This is a NodeJS-MongoDB application created using Express and Mongoose that stores an encrypted list of tasks respective to the person who creates them, and renders them for the user to see.</p>
<p>New tasks can be added through a form above the list and each time it is saved to the database and re-rendered.</p>
<p>The application also allows users to delete tasks by clicking on them and confirming the action, which deletes the task in the database and re-renders the list.</p>
Artist Website
View Project
<p>This web application uses the Spotify API to retrieve and present information regarding an artist profile linked to Spotify.</p>
<p>The application allows the user to listen to short samples of songs, view artist albums and the respective track lists, and listen to songs or open albums on the Spotify app through links to Uniform Resource Identifiers (URIs).</p>
NodeJS Snippets
View Project
<p>This is a NodeJS/ExpressJS web application which allows users to search snippets of NodeJS code useful for Back End JavaScript Web Development or filter them through categories (Beginner, ntermediate, and Advanced).</p>
<p>Each snippet includes a title, an introduction (to explain the intent of the snippet), the respective code and a line-by-line explanation of the code. All snippets are stored in a MongoDB database and accessed through Mongoose.</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>
Random Quote Generator
View Project
<p>This web application uses the 'Quotable' API to obtain a random quote through the use of the Fetch Web API and the JSON data format.</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>
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>
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>