Projects
Projects
To Do List Application
Here is a full-stack web application developed with the MEN stack.
This To Do App is a full-stack web application with a frontend built using HTML, CSS, and JavaScript, and a backend powered by Node.js, Express.js, and MongoDB. It incorporates RESTful APIs for seamless data interaction between the client and server, enabling real-time updates and efficient data management. Designed with scalability in mind, this application provides a user-friendly interface and a robust backend architecture, demonstrating expertise in frontend, backend, and API integration to deliver a high-performance, dynamic web experience.
BMI Calculator
This project is a single-document web application built using HTML, CSS, and JavaScript.
Although it is a simple, front-end-only project, it effectively demonstrates the power of the three core web development languages. I frequently use this project as a teaching tool to introduce my web development students to JavaScript fundamentals, including variables and basic interactivity.
Campout
I designed this website using Figma, Canva and Uizard and built using HTML and CSS as a creative way to explore an "Airbnb"-style concept for camping.
This project is entirely front-end, with no backend logic or database integration. It was developed during the early stages of my learning journey to practice translating a design into a fully realized web page. The focus was on structuring content, styling with CSS & Bootstrap, and refining the overall user experience.
Coastal Joinery
I designed and developed this project as a concept for a website redesign for a joinery company I previously worked for. The site was built using HTML, CSS, JavaScript, and Bootstrap, with a strong emphasis on modern design principles and responsive layouts.
This front-end website showcases a variety of animations, enhancing user engagement and visual appeal. The project served as a valuable learning experience, allowing me to refine my skills in interactive web design and front-end development while experimenting with animation techniques to create a more dynamic user experience.