Hello and welcome to my corner of the internet. I'm Greg, a software engineer residing in Jacksonville, FL. I enjoy building web-based applications focusing on both frontend and backend environments, particularly in the .NET ecosystem. I'm passionate about improving technology and applying my logical nature to the field of computer science. I believe the technology we can create has the ability to improve our lives and those around us, and having a role in that is my career goal. I'm also interested in the human aspect of technology, including both those who use it and those who build it. I spend my free time tinkering with the latest JavaScript framework, living on coffee, and playing guitar for my two cats.

Front-end web development is the development of the graphical user interface of a website, through the use of HTML, CSS, and JavaScript, so that users can view and interact with that website.

Frontend Specialization

The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser.

HTML

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). SassScript is the scripting language itself. Sass consists of two syntaxes. The original syntax, called 'the indented syntax,' uses a syntax similar to Haml. It uses indentation to separate code blocks and newline characters to separate rules. The newer syntax, 'SCSS' (Sassy CSS), uses block formatting like that of CSS.

SASS

JavaScript, often abbreviated JS, is a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS. Over 97% of websites use JavaScript on the client side for web page behavior, often incorporating third-party libraries. All major web browsers have a dedicated JavaScript engine to execute the code on users' devices.

JavaScript

React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta (formerly Facebook) and a community of individual developers and companies. React can be used as a base in the development of single-page, mobile, or server-rendered applications with frameworks like Next.js.

React

Redux is an open-source JavaScript library for managing and centralizing application state. It is most commonly used with libraries such as React or Angular for building user interfaces.

Redux

Next.js is an open-source web development framework built on top of Node.js enabling React based web applications functionalities such as server-side rendering and generating static websites. React documentation mentions Next.js among 'Recommended Toolchains' advising it to developers as a solution when 'Building a server-rendered website with Node.js'. Where traditional React apps can only render their content in the client-side browser, Next.js extends this functionality to include applications rendered on the server side.

NextJS

Angular (commonly referred to as 'Angular 2+' or 'Angular CLI') is a TypeScript-based free and open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS. Angular is used as the frontend of the MEAN stack, consisting of MongoDB database, Express.js web application server framework, Angular itself (or AngularJS), and Node.js server runtime environment.

Angular

Vue.js (commonly referred to as Vue; pronounced 'view') is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications. It was created by Evan You, and is maintained by him and the rest of the active core team members.

TypeScript is a programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript and adds optional static typing to the language. TypeScript is designed for the development of large applications and transcompiles to JavaScript. As TypeScript is a superset of JavaScript, existing JavaScript programs are also valid TypeScript programs.

Typescript

Backend web development is the development of the server that often acts as a means of data-access for a website.

Backend Specialization

C# is a general-purpose, multi-paradigm programming language. C# encompasses static typing, strong typing, lexically scoped, imperative, declarative, functional, generic, object-oriented (class-based), and component-oriented programming disciplines.

.NET (pronounced as 'dot net'; previously named .NET Core) is a free and open-source, managed computer software framework for Windows, Linux, and macOS operating systems. It is a cross-platform successor to .NET Framework. The project is primarily developed by Microsoft employees by way of the .NET Foundation, and released under the MIT License.

.NET

Python is a high-level, general-purpose programming language. Its design philosophy emphasizes code readability with the use of significant indentation. Its language constructs and object-oriented approach aim to help programmers write clear, logical code for small- and large-scale projects.

Python

Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser. Node.js lets developers use JavaScript to write command line tools and for server-side scripting—running scripts server-side to produce dynamic web page content before the page is sent to the user's web browser.

NodeJS

Express.js, or simply Express, is a back end web application framework for Node.js, released as free and open-source software under the MIT License. It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js.

ExpressJS

Meteor, or MeteorJS, is a free and open-source isomorphic JavaScript web framework written using Node.js. Meteor allows for rapid prototyping and produces cross-platform (Android, iOS, Web) code. It integrates with MongoDB and uses the Distributed Data Protocol and a publish–subscribe pattern to automatically propagate data changes to clients without requiring the developer to write any synchronization code.

MeteorJS

Nest (NestJS) is a framework for building efficient, scalable Node.js server-side applications. It uses progressive JavaScript, is built with and fully supports TypeScript (yet still enables developers to code in pure JavaScript) and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Programming).

NestJS

TypeScript

In computing, a database is an organized collection of data stored and accessed electronically. Small databases can be stored on a file system, while large databases are hosted on computer clusters or cloud storage. The design of databases spans formal techniques and practical considerations including data modeling, efficient data representation and storage, query languages, security and privacy of sensitive data, and distributed computing issues including supporting concurrent access and fault tolerance.

Databases

SQL ('sequel'; Structured Query Language) is a domain-specific language used in programming and designed for managing data held in a relational database management system (RDBMS), or for stream processing in a relational data stream management system (RDSMS). It is particularly useful in handling structured data, i.e. data incorporating relations among entities and variables.

Microsoft SQL Server is a relational database management system developed by Microsoft. As a database server, it is a software product with the primary function of storing and retrieving data as requested by other software applications—which may run either on the same computer or on another computer across a network (including the Internet).

SQL Server

PostgreSQL, also known as Postgres, is a free and open-source relational database management system (RDBMS) emphasizing extensibility and SQL compliance.

PostgreSQL

Oracle Database (commonly referred to as Oracle DBMS or simply as Oracle) is a multi-model database management system produced and marketed by Oracle Corporation. It is a database commonly used for running online transaction processing (OLTP), data warehousing (DW) and mixed (OLTP & DW) database workloads.

OracleDB

MySQL is an open-source relational database management system (RDBMS).Its name is a combination of 'My', the name of co-founder Michael Widenius's daughter, and 'SQL', the abbreviation for Structured Query Language. 

MySQL

A NoSQL (originally referring to 'non-SQL' or 'non-relational') database provides a mechanism for storage and retrieval of data that is modeled in means other than the tabular relations used in relational databases.

NoSQL

MongoDB is a source-available cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas.

MongoDB

Redis (Remote Dictionary Server) is an in-memory data structure store, used as a distributed, in-memory key–value database, cache and message broker, with optional durability. Redis supports different kinds of abstract data structures, such as strings, lists, maps, sets, sorted sets, HyperLogLogs, bitmaps, streams, and spatial indices.

Redis

Neo4j is a graph database management system developed by Neo4j, Inc.

Neo4J

There are many tools and technologies available to aid in the software development process

Utility Specialization

Git is software for tracking changes in any set of files, usually used for coordinating work among programmers collaboratively developing source code during software development. Its goals include speed, data integrity, and support for distributed, non-linear workflows (thousands of parallel branches running on different systems).

GitHub, Inc. is a provider of Internet hosting for software development and version control using Git. It offers the distributed version control and source code management (SCM) functionality of Git, plus its own features. It provides access control and several collaboration features such as bug tracking, feature requests, task management, continuous integration and wikis for every project.

GitHub

Bitbucket is a Git-based source code repository hosting service owned by Atlassian. Bitbucket offers both commercial plans and free accounts with an unlimited number of private repositories.

BitBucket

Cloud computing is the on-demand availability of computer system resources, especially data storage (cloud storage) and computing power, without direct active management by the user.

Cloud

Heroku is a cloud platform as a service (PaaS) supporting several programming languages. One of the first cloud platforms, Heroku has been in development since June 2007, when it supported only the Ruby programming language, but now supports Java, Node.js, Scala, Clojure, Python, PHP, and Go.

Heroku

Netlify is a San Francisco-based cloud computing company that offers hosting and serverless backend services for web applications and static websites. The company provides hosting for websites whose source files are stored in the version control system Git and then generated into static web content files served via a Content Delivery Network. Given the limitations of the purely static model, the company later expanded services to include content management systems, and features of serverless computing to handle websites with interactive features.

Netlify

Amazon Web Services, Inc. (AWS) is a subsidiary of Amazon providing on-demand cloud computing platforms and APIs to individuals, companies, and governments, on a metered pay-as-you-go basis. These cloud computing web services provide a variety of basic abstract technical infrastructure and distributed computing building blocks and tools.

Google Cloud Platform (GCP), offered by Google, is a suite of cloud computing services that runs on the same infrastructure that Google uses internally for its end-user products, such as Google Search, Gmail, Google Drive, and YouTube. Alongside a set of management tools, it provides a series of modular cloud services including computing, data storage, data analytics and machine learning.

Microsoft Azure, often referred to as Azure is a cloud computing service operated by Microsoft for application management via Microsoft-managed data centers. It provides software as a service (SaaS), platform as a service (PaaS) and infrastructure as a service (IaaS) and supports many different programming languages, tools, and frameworks, including both Microsoft-specific and third-party software and systems.

Azure

Firebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development.

Firebase

Supabase is an open source Firebase alternative. It provides all the backend services you need to build a product. You can use it completely, or just the services you require

Supabase

Docker is a set of platform as a service (PaaS) products that use OS-level virtualization to deliver software in packages called containers. The service has both free and premium tiers.

Docker

Software Engineer

Technical Writer

Web Consultant

Lab Assistant/Tutor

I have created a programming/software dev/personal blog as an extension of this website. I am very happy with the result - it uses [NextJS](https://nextjs.org/) with [Sanity](https://www.sanity.io/) as a [headless CMS](https://en.wikipedia.org/wiki/Headless_content_management_system) and a simple webhook setup to automate builds and new deployments as I add content. I have actually written an entire series on my blog detailing the tools I used so if you are interested I would appreciate you [checking it out](https://blog.gregmurray.org/tutorials/diy-blog-part-1-sanity)!

Blog

https://blog.gregmurray.org/

You may have noticed that I have a game linked on this website. If you haven't already, please go check it out! This is one of the most extensive projects I have done that really pushed my boundaries of programming. Long story short, I had the idea of presenting this website to any of my more playfully inclined visitors in video game format. That means a browser based (JavaScript!!), classic 2D RPG style game that contains *all* of the same information that this web page has but in game format. It's possible that you are reading this right now from inside the game which would be incredibly meta. Anyway, I learned a lot about [Phaser](https://phaser.io/) (the game engine I used), programming from a more performant perspective, and simple game theory. Stay tuned as I will be writing a blog post about it all soon...

Game

https://game.gregmurray.org

As I continue to obsess over creating list applications, I decided to recreate a previous app I had created to keep track of my books. I am very happy with the result: an app with some social functionality (simple comments and likes), book tracking and reviews, lists, and list progress. You can share the lists you create with other users so they can read things in your recommended order. This is another one of those apps that I actually use myself so that is a big plus. As usual I have used [NextJS](https://nextjs.org/), [React Material UI](https://mui.com/), and [Netlify](https://www.netlify.com/). Additionally I am using MongoDB for data and I tried out using [Atlas' Data API](https://www.mongodb.com/atlas/app-services/data-api) so that I could properly access MongoDB from a serverless environment. Feel free to check it out and let me know what you think!

Book Critical

https://book-critical.sense-list.com/

I recently got into the Gunpla hobby (basically model plastic figures from an anime for the uninitiated) and immediately knew I wanted to create an app to help organize and share my collection. Thus, Collectionist was born with the idea of being genre agnostic even though I had Gundam in mind. Some features include collection and collection-item management, wish lists, list sharing, image storage, and simple comments and likes. As usual these days, I built the app using NextJS [NextJS](https://nextjs.org/) with [Firebase](https://firebase.google.com/) for data persistence and auth. Additionally, I used [React Material UI](https://mui.com/) for styling which has become a favorite of mine. The app is deployed on [Netlify](https://www.netlify.com/).

Collectionist

https://collectionist.sense-list.com

This is another one of those apps that I built for family - something I really enjoy doing. My dad has been getting into cooking and therefore recipes but he's printing them out and described how cluttered having physical copies is. He wanted to be able to keep track of recipes on various websites, without needing to print them. I took that opportunity to make this app which is a straight forward recipe book. You can save and preview links to recipes and also add notes to them. I also added a simple dashboard to help each user find their favorite recipes quicker and even help recommend where to find new ones. I used [Next Auth](https://next-auth.js.org/) for authentication/authorization which I have been really enjoying learning lately. It may come as no surprise then that I used [NextJS](https://nextjs.org/) which has become my go to for React development these days. I just love the boilerplate that is taken care of, particularly with routing. I also used [React Query](https://react-query.tanstack.com/) and [Material UI](https://mui.com/) as usual plus [React Final Form](https://final-form.org/react) for easy to set up forms. It is all hosted using [Netlify](https://www.netlify.com/). Feel free to make an account on this app if you want to try it out.

Recipe Book

https://github.com/gmmurray/recipe-book

I always enjoy making apps for work or myself but one of the most satisfying things to do is make something that your friends and family can use. During the 2020 holiday season I made an app called Group Gift to help my family organize wish lists between everyone. This app is the latest iteration of that app which I created in preparation for the 2021 holiday season. Users can create wish lists for themselves by adding gifts that they would like. Every group they join will then provide those group members with access to each user's wish list. Everyone in the group can claim gifts and coordinate to knock out each item in everyone's list. It is a React app that employs [Material UI](https://mui.com/) for styling, [Supabase](https://supabase.com/) combined with [React Query](https://react-query.tanstack.com/) for auth, persistence and querying optimization, and [React Hook Form](https://react-hook-form.com/) for easier forms. I used [Netlify](https://www.netlify.com/) for easy CI/CD.

Gift Time

https://github.com/gmmurray/gift-time

This site is a demo of the type of simple websites I can build. It would be  well-suited for a small business looking to have something online to provide brief information about the businesss. The goal of the website is to create new business by giving users the opportunity to contact the business directly. It could also prove useful for people looking to find information such as contact info or availability/hours, for example. The website was built using [NextJS](https://nextjs.org/), a React framework, which is great for static websites such as this one. NextJS provides great search engine optimization and very quick page loads on top of the great developer experience. The website also uses Typescript, a slightly modified [Bootstrap](https://getbootstrap.com/) for styling, and is hosted on [Netlify](https://www.netlify.com/).

Demo Genius

https://demo-genius.gmurray.dev

I really enjoy the social side of being in tech so I came up with the idea of a platform for software developers to share their experiences in their career. Experiencer is where you can set up a timeline of events in your career as well as show off what experiences you have had. The whole platform uses [GitHub](https://github.com/) as the base of its information, so you can attach your GitHub profile and show off a somewhat fancy overview of it while adding some custom information as well. The app is built using [NextJS](https://nextjs.org/) in addition to [MongoDB Atlas](https://www.mongodb.com/atlas/database) for data persistence and the [React Material UI library](https://mui.com/) for styling. You can see the full list of technologies used [here](https://github.com/gmmurray/experiencer#technologies-used). 

Experiencer

https://experiencer.dev

Keep track of your fitness journey with this basic weigh logger web app. You can enter weigh-ins and dates to help monitor your progress as you work towards whatever goals you may have. This app is built in React as usual and can be installed as a [PWA](https://web.dev/progressive-web-apps/). To keep things simple, user data is persisted on their own device rather than on the internet. 

Simple Scale

A simple QR generator app. It utilizes the `react-qr-code` package to generate a QR code based on what the user enters.

QR Coder

Challenge tracker for the Gundam Evolution video game. The game has daily and weekly challenges that you are only able to see between matches (for now) so this app is used to make it easier to keep track during games!

Gundam Evo Challenges

Webpage to link to a family of list apps I have created - dubbed "Sense List" because they are sensible lists. It uses NextJS to generate each list's information page at build time from JSON files which means it is very quick.

Sense List

Simple app to calculate a date in the past in the future based off how many days/months/years it is from now.

From Now

Simple memory matching game, similar to the card based games we all played as children. Players attempt to match image pairs with each other as efficiently as possible. It is built with ReactJS and uses local storage to keep track of a user's best scores.

Memory Match Game

Simple password generator app that utilizes the random.org API to generate truly random strings. I built a ReactJS app that allows you to choose a few different parameters to create a complex password.

Super Secret

Simple link cleaner for social media links built using SvelteJS. I found that when I tried to share a Tiktok or Instagram post, the link included a couple tracking properties on it that I did not like. This tool can help you clean those links before you send them off. It was mainly an opportunity to test out Svelte which was great by the way. I also took the opportunity to set up some unit tests using Jest and Husky.

loading...