Projects

Please note that some of the projects are hosted on Render, which may take some time for the server to start up since it is on the free tier.

Personal Projects

1. I built a front-end website using HTML, CSS, JS, Express.js, Node.js, and Firebase to store the data. The site is hosted on a Render server. I had to make API calls from a secure connection. I built a hotel booking site where the objective was to combine rates from third-party sites and provide the user with the best price. This project required a minimum of 30 hours to compvare, and since I could not get a free API, I created one with a limited scope.
Link to the project
2. I built a backend project for a car dealership site. I used technologies such as Node.js, Express.js, SQL, PostgreSQL, and JWT to store data and allow authentication. I created protected routes using middleware and additional data validation. Customers can view their portal information, and managers/employees have management tools. Customers can also change passwords, and employees can manage and update inventory items.
Link to the project (This project needs to be redeployed as Render devared the free database)
3. I built a front-end project using HTML, CSS, and JS. This was part of my final project for WDD230, where I created a smoothie drink company website. The project included using an API to fetch data and allow customers to place their orders.
Link to the project
4. I built a course home page with projects that were part of the WDD230 course.
Link to the project

Personal Projects for Advanced CSS

1. In this project, we followed a learning tutorial to create a collage with photos using HTML, CSS, SCSS, and JS (Image Gallery).
Link to the project
2. Using grid and flex display, I created a blog to match the assignment requirements. I used HTML and CSS to create the page.
Link to the project
3. Using SVG, I created images for the back of a game card.
Link to the project
4. I built an animated sliding hamburger menu using JS and CSS.
Link to the project

Group Projects

1. We built a backend API using Express.js, Node.js, and MongoDB to store data. The project included various endpoints and used Auth0 for authentication, providing secure and restricted routes.
Link to the project
2. In this project, we used technologies such as Svelte, MJS, Vite, Node.js, and JWT to build modular code for an e-commerce website. The site is controlled by the school and hosted on an HTTP protocol, which causes mixed content issues in the browser.
Link to the project
3. For our final Advanced CSS project, we showcased everything CSS can do without using JS. The technologies used were CSS and SCSS.
Link to the project

Note: I also work on several other group assignments and personal projects, including using Python to solve real-world problems. These repositories might be provided upon request.