Website Examples

Four different types of graphs resembling UI website examples.

Last Updated on June 29, 2024 by E. Scott

When I work for a startup or big company, I can’t use the work I produce as website examples. Usually. The projects below are things I’ve created entirely on my own. They entail a wide range of technologies. Ranging from but not limited to HTML, CSS, and vanilla JavaScript. Angular and React, TypeScript, Mongo, Node.js/ Express, and C#.

Doing this enables me to be apprised of technologies I may not work with in my day job. It enables me to maintain a collection of developer projects, which is crucial in this industry. And as we all know, developers can never stop learning. Growing, and running with the times is mandatory in this field. But I digress. Below are a few sites I’m proud to display.

►Single Page App w/ API

Fictitious corporation with header, copy and thumbnails.

This massive single page app began as my own. Intended for this domain. As it grew, and I worked voraciously on it, I came to the conclusion a WordPress site is easier to optimize. So this SPA evolved into a feature rich template. It currently has a Node.js API that feeds it all the category and page data. There’s many dozens of components and Subjects sending and receiving data. It’s a nimble, malleable, and flexible website I’m very proud of.

My next goal is to replace the Node backend with C# and continue refining the UI. Perhaps add a login and commenting abilities too. In essence I plan on using it to implement new endeavors. In turn, eventually sharing it with the development community.

► Software Company Website

website home page showing the reactor animation and particle system made with pure JavaScript.

This is one of many website examples I built in full based on provided mocks. Though developed with native HTML5, CSS, and JS, it functions like a single page app. Every page uses numerous web components that persist or populate new data. At the time of deployment, it scored a 100% on a Google Speed Test. Highlights include an image gallery template that detects the page and populates the appropriate JSON data. I built a canvas particle animation on the home page followed by a product gallery which is a gallery of galleries. The website does not use libraries, packages or frameworks. As with most apps I develop, this too has a custom rigorous responsive system. A notable feature among my website examples.

► Financial Dashboard

Financial app concept with graphs and table data.

I was the lead Angular developer on this enormous web application. Also heavily frontend focused. It utilizes a tremendous amount of chart and UI components. With the help of an abundance of RxJS methods, data is loaded and shared in a variety of ways. Highlights include a custom built calendar component akin to Google Flights with start and end dates. The top tier navigation radically transforms itself in addition to every layout between screen sizes. The app contains over a dozen streams of JSON data. I managed the app while training two other developers. Guiding and rewriting their code throughout the process.

► MEAN Stack App

Mongo, Express, Angular, Node full stack app with geolocation.

This Angular Node app is an absolute monstrosity. It was both challenging and a fascinating experience. Login contains an onslaught of features. Including but not limited to a rigorous form validation UI on every form. Detailed and rapid error handling, password confirmation, and OTP in other areas. Users submit a caption for a cartoon. Can see the status of it in a profile; their location is automatically set and displayed on a map. Then shown adjacent to their approved or edited caption. User roles, dozens of endpoints, and extensive/ growing security features. It’s the furthest thing from a single page website.

Though all of these website examples are exceptionally well organized, this one perhaps takes the cake. All three tiers are malleable enough for rapid and seamless updates. It’s built in a “Jira ticket style” fashion in that every piece was strategically added.

In Conclusion

I’m always working on something. Either a website, a new feature, or enhancing something that’s already built. These samples are but a few of the recent website examples I’ve built. Sometimes I create the entire site. Other times it’s based on a mock. Or refined by a client. Or I’m working on select features of a gargantuan website. Regardless, I hope you enjoyed these samples. Checkout out other fully developed projects here. Let me know what you think in the comments below. I’m always interested in feedback. Especially on website examples.

2 Trackbacks / Pingbacks

  1. Angular Template Website & Node API - Frontend Development
  2. How to Build an Awesome NASA Photo of the Day App - Frontend Development

Leave a Reply

Your email address will not be published.