Linkedin
Codepen
ContactProjects
These are some of the websites I've built using different technologies as I've learned from college to the present time. The Google Chrome Audit scores reflect my progress. My last two projects are Progressive Web Apps (PWA's), which are web applications that load like regular websites but offer functionality such as working offline.
Hope FMC • Webflow
hopefmc.org
see details
go to site
Hope Family Medical Center
hopefmc.org
Description: A responsive desktop and mobile website designed on Webflow, a SaaS application that allows designers to build responsive websites with browser based visual editing software. Webflow automatically generates HTML, CSS, and JavaScript.
Main Technologies used: Webflow, CSS Grid, SVG.
Google Chrome Audits:
Performance
Progressive Web App
Accessibility
Best Practices
SEO
Fegodev • PWA
fego.dev
see details
go to site
Fegodev
fego.dev
Description: A Progressive Web App (PWA), which means it's a responsive single page desktop and mobile site that can be added to the homescreen on iOS and Android. It has the performance of a native app and works Offline on Android. It uses SVG Favicon, Maskable Icons, and automatic System Dark Mode. This is my
portfolio website.
Main Technologies used: Javascript, Materialize Framework, SVG Favicon, Maskable Icons, Dark mode.
Google Chrome Audits:
Performance
Progressive Web App
Accessibility
Best Practices
SEO
Fianza • Materialize
fianzaglobal.com
see details
go to site
Fianza
fianzaglobal.com
Description: A responsive desktop and mobile site.
Main Technologies used: Materialize Framework, jQuery, Google Apps Script, SVG.
Google Chrome Audits:
Performance
Progressive Web App
Accessibility
Best Practices
SEO
Keystone Construction
keyut.com
see details
go to site
Keystone
keyut.com
Description: A responsive desktop and mobile site.
Main Technologies used: Materialize Framework, jQuery, Google Apps Script, SVG.
Google Chrome Audits:
Performance
Progressive Web App
Accessibility
Best Practices
SEO
Kiripopup
kiripopup.com
see details
go to site
Kiripopup
kiripopup.com
Description: A partially responsive desktop site. The Second website I ever built.
Technologies used: HTML5, CSS, Javascript, Google Fonts, SVG.
Google Chrome Audits:
Performance
Progressive Web App
Accessibility
Best Practices
SEO
Uncle Jack's
unclejacks.com
see details
go to site
Uncle Jack's
unclejacks.com
Description: A partially responsive desktop and mobile site. The first website I ever built.
Technologies used: HTML5, CSS, Javascript, Google Fonts, SVG.
Google Chrome Audits:
Performance
Progressive Web App
Accessibility
Best Practices
SEO
Demos
These are some demos I've built and shared on Codepen, which is "the playground for the front-end side of the web." So these are little examples of what I've learned from other front end developers and applied as I've needed on my own projects.
SVG Line Animation
Fegodev Logo
SVG Zoom Animation
Hope FMC Logo
SVG Gradient Animation
Turstar Logo
JS Single Page Nav
Twitter Nav Simplified
Graphics
These are some projects I've worked on using Adobe Creative Cloud, specifically, Photoshop, Illustrator, and InDesign.
