Portfolio

This websites manipulates the DOM to change the background's linear gradient to the specific color's selected by a user.
Technologies used: HTML, CSS, JavaScript

This is a website that shows all the webpages created from KO Tech Academy's Fundamentals of HTML5 and CSS3 course. It is a bit on the plain side due to this site being a list to showcase the webpages, and a brief summary of each topic.
Technologies used: HTML, CSS, JavaScript, jQuery

This is a website that shows all the webpages created from KO Tech Academy's JavaScript Essentials course. It is a bit on the plain side due to this site being a list to showcase the webpages, and a brief summary of each topic.
Technologies used: HTML, CSS, JavaScript, jQuery

This is a website that shows all the webpages created from KO Tech Academy's Microsoft 70-480: Programming with HTML5 with JavaScript and CSS3 course. Unlike the previous webpages for the KO Tech Academy course, I decided to use Bootstrap for styling and make this page responsive. The main reason for this is I was setting this page up in the evening after finishing the JavaScript course, wanting to take a break from the courses.
Technologies used: HTML, CSS, Bootstrap, JavaScript

While following an online course with CSS, I wanted to display all the predefined colors that CSS has to offer and be able to see the colors laid out for future web design projects. My first iteration was to have everything hardcoded which resulted in about 600 lines of code. Both versions featured the ability to click color and it changes the background color, to better compare two colors together. The second iteration, I used JavaScript to dynamically generate all the color boxes, cutting the code to less than 150 lines of code. Since I didn't have to hardcode the hexcodes another time, I also included a check, each box has the word "Check" but has the color set to the hexcode to check that the hexcode displayed is actually correct. I would like to make a third iteration using appendChild() rather than document.write. I have seen several issues with this method, which is why I would like to use the appendChild() in the future.
Technologies used: HTML, CSS, JavaScript

Deprecated or Test Sites

This website was created to host general information about candidates to showcase to potential client companies the type of talent that we worked with.
This is the improved version of my first MPC site that was hosted with GitHub. Originally a single page web application, the navbar and footer was fine for the static layout, but after incorporating Google Analytics to track web traffic and which profiles were viewed the most often to have a more targetted outreach, the navbar and footer had to be added and changed to each individual page. I used EJS to solve the issue along with Heroku's web hosting service.
Heroku removed their free-tier service, and this has since been taken down.
Technologies used: HTML, CSS, JavaScript, Embedded JavaScript, Node, Express, Heroku, GitHub, Google Analytics, Bootstrap

This website was created following the Tutorials EU's ASP.NET course. The database is only configured to a local server, so the orders page and confirm orders buttons do not work for now.
Technologies used: HTML, CSS, C#, .NET 6, ASP.NET, Entity, Bootstrap, SQL

This website was created following the Tutorials EU's ASP.NET course to learn the basics of Blazor/Razor. The pages built were the Shopping List and the Converter pages.Some of the concepts that were explored were using Databinding, Event Handling, Forms and Validations, Layouts, and CSS Isolation.
The website for the Fetch Data is no longer avaliable or at least during testing.
Technologies used: HTML, CSS, C#, .NET 6, ASP.NET, Blazor, Razor

This is a basic website that allows uploading and downloading files using ASP.NET concepts.
The downloads part does not work since the "server" was just a local file
Technologies used: HTML, CSS, ASP.NET, .NET 6, Blazor, JavaScript Interop

This webpage has different PHP pages that shows the understanding of the fundamentals of PHP. Currently there is a Name Test that displays the entered name to the second page, and a Discount Calculator that takes several inputs and shows the final price.
Technologies used: HTML, CSS, PHP