Take this site for example!
This portfolio itself is a project I built from scratch to showcase my work! I templated it using PHP for modularity, while Bootstrap ensures a responsive and visually appealing design. The site reflects my ability to develop dynamic web applications, combining clean code structure with a user-friendly experience.
Fictitious Product Site:
This project was a multi-page, microsite for my Interface Design Using CSS class. The goal of this assignment was to build a small site to advertise and sell any (real or fake) product of our choice. We were instructed not to use any frameworks, so that means this site is all me! Although very tedious to build entirely by hand, I now understand what has to go on under the hood of those frameworks, and I'm super proud of what I was able to achieve. We also had to make our sites adaptive to all viewports so this site works on mobile, medium, and large screens. This site is still live and you can find it here: https://thediasdigital.github.io/CSS/css-final/
Income and Expense Tracker (ASP):
This project was a finances tracking web app made for my ASP.NET class! The goal of this semester-long project was to understand MVC architecture, and utilize the .NET core framework to build out unique web apps. We used the Microsoft authentication packages for handling user signins, along with third-party auth through Google or GitHub. A user could then log their jobs, shifts, income, and expenses to a database utilizing the CRUD operations. I built out some small index pages using a charts js library, and a calendar js library to give a more visually appealing way for the user to view their information. Unfortunately, I don't have the money to maintain hosting for a class project so this site is no longer live.
Cheese API / Client (Node):
This project is a semester-long class assignment for my JavaScript Frameworks course, where we are developing a full-stack application using the MEAN stack (MongoDB, Express.js, Angular, and Node.js). The backend is a custom-built API that supports CRUD operations, while the frontend is an Angular-based web client that interacts with the API. We implemented authentication and authorization using Passport and JWT, and Swagger for documentation. This project showcases my experience with Node.js, API development, and integrating various NPM packages to enhance functionality. While still in progress, it demonstrates my ability to build and structure a full-stack application from the ground up.
Candy Site:
This small webpage was also made for my Interface Design using CSS class. For this project we were instructed to make a single-page site to display products and information about our favourite candy. We had to create an interactive page that embraced the energy/feel of that brand. Once again this was purely hand-crafted CSS, however, I did use JQuery for some of the interactivity so that images moved as they appeared on screen. The assignment didn't call for viewport adaptability so it is best viewed on medium viewports. This site is also still live and can be found here: https://thediasdigital.github.io/CSS/assignment-3/