Last Updated on September 18, 2024 by E. Scott
When I work for a startup or big company, I can’t use the work I produce as website examples. 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/ 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.
Table of Contents
►Single Page App w/ API
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 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.
The only caveat is it’s written in Angular — mainly TypeScript. But React has dominated the industry, so it may not be as popular. Why has React become so popular? I think it’s because swaths of people went from an array of industries and jumped into React because the learning curve is low. It’s easy to learn, which doesn’t make it better than other frameworks.
TypeScript on the other hand has become immensely popular too. And I’ve met nearly a dozen React developers who steer clear of TypeScript. Claiming JavaScript is better. Any seasoned developer however knows TypeScript is now the industry standard. So, this is heavy TypeScript mixed with JavaScript.
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
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.
I like this sample not just because of the concept, but the JavaScript samples too. There’s a number of them scattered throughout the site. Just look at the source code.
The frustrating part of the project was towards the end when junior developers began making misc updates. What would you do if younger, less experienced developers began making a mess of not only your work, but the face of the company? Would you guide them with thorough explanations or prefer they simply not participate? I was also under tremendous pressure to wrap this up and move on.
► Financial Dashboard
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.
Building a project like this would not have been fun with React in my opinion. Angular is meant for large projects and so… I thought this was the best tool for the job. There’s dozens of components, routing is on data visualization graphs, tables, and icons. The data visualizations are all powered by JSON data. There’s a table filtration system that’s absolutely awesome.
The features are endless. And the UI massively changes on each screen. Working with the designers and a Spring Boot developer was no easy feat. But we all got it done and it’s a terrific sample.
► MEAN Stack App
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.
Leave a Reply