Projects
"Ryan's Space" Online Portfolio
My personal portfolio website, ryancjeffrey.com, was built using HTML, CSS, and JavaScript, with Node.js and Express.js handling the backend routing of static pages. The site is deployed via Vercel, with CI/CD pipelines integrated through GitHub, ensuring that updates pushed to the repository are automatically deployed with minimal friction.
This setup not only improves development efficiency but also demonstrates my familiarity with modern DevOps workflows. The site showcases both my technical skills and design sensibilities, providing a clean, responsive user experience while serving as a central hub for my professional projects and experience.
Project Net Profit Calculator
The pricing calculator was built using HTML, CSS, and vanilla JavaScript, providing a fast, lightweight, and responsive user experience without the overhead of additional libraries or frameworks. I chose this tech stack to ensure the tool would load quickly, work across all modern browsers, and remain easy to maintain and customize.
JavaScript handles the dynamic calculations and input validation, while CSS was used to create a clean, intuitive user interface that aligns with the overall branding of 3 Yellow Circles. This project demonstrates my ability to build interactive, front-end tools that deliver real value to users without relying on external dependencies.
Web Development Business Website
This is the official website for 3 Yellow Circles, built to attract and onboard clients quickly and easily. Developed using HTML, CSS, JavaScript, and Express.js, the site lets visitors book a discovery call or get started instantly via a simple form.
It's fully responsive, ensuring a smooth experience on any device, and includes essential pages like services, reviews, about, and contact. This project highlights a clean, user-focused design that supports business growth through accessible, mobile-friendly web development.
Full Stack Task Management 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.
