My Ideal Creative Technology Stack
Tags: mixedreality, machinelearning, blockchain, iot
Published: 2021-12-20 18:46:04

---
title: My Ideal Creative Technology Stack
published: true
date: 2020-05-25 18:00:00 UTC
tags: mixedreality,machinelearning,blockchain,internetofthings
canonical_url: https://jamesmiller.blog/my-ideal-creative-technology-stack/
cover_image: https://i2.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/favouriteTech-1-scaled.jpg
---

Technology is key for bringing exciting ideas to life. I’m really lucky that I get to play with different technologies in my job, I see them as a bunch toys of that can be plugged into each other to make cool stuff. The types of toys that are in your toy box, could be described as a Technology Stack.

**A Technology Stack is a list of technology services that can be used to build a system/application** _._

In this post I’m going to talk about the technologies in the Technology Stack that I either currently play with – or that I want to start playing with this year (aka my weapons of choice for a project)!

I won’t be going into any great detail, it will be more of a summary of the technology category and technologies that excite me within that category, rather than an in-depth analysis of the technologies themselves.

![](https://i0.wp.com/jamesmiller.blog/wp-content/uploads/2020/04/favouriteTechnologies-1.jpg?fit=640%2C276&ssl=1)
_The technologies in my current ideal stack, from Design through to Cloud Infrastructure_

## Design

The beginning of a Technology Stack begins with Design softwares. The results of the design process are often anything from images, generated 2d/3d assets + animations, wire frames, user flow diagrams, user interfaces and schematics that need sending off for supplier manufacture. The below softwares are really useful in this process.

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/photoshop-1.jpg?resize=357%2C357&ssl=1)](https://photoshop.com/en)

#### [Photoshop](https://photoshop.com/en)

When you need to create custom assets, Photoshop is really great for the design of logos or edited photos. With the use of masks and filters, you can pretty much create any kind of artwork or animation.

[![](https://i2.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/sketch-1.jpg?resize=268%2C268&ssl=1)](https://www.sketch.com/)

#### [Sketch](https://www.sketch.com/)

Sketch is great for the User Experience Design and User Interface Design process, I’ve used it a lot for creating User Flow Diagrams and Wireframes.

[![](https://i0.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/blender-1.jpg?resize=352%2C352&ssl=1)](https://www.blender.org/)

#### [Blender](https://www.blender.org/)

Blender is a 3D design tool that allows you to create 3D models and 3D animations. What makes it special is that it is open source, meaning that it’s free – which is pretty great given how much functionality it contains!

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/kicad.jpg?resize=360%2C360&ssl=1)](https://www.kicad-pcb.org/)

#### [Kicad](https://www.kicad-pcb.org/)

For the design of electric circuitry, Kicad is perfect for creating Printed Circuit Board (PCB) designs that can be manufactured by a supplier. This is great functionlaity given that it is an open source software!

## Prototype

Once a design has been created, prototyping can often help in figuring out how something should behave prior to going into production. Anything from reading analog or digital values sensors from a sensor, to powering an actuator, connecting electronics to the internet or creating a digital app / website.

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/arduino-2.jpg?resize=435%2C435&ssl=1)](https://www.arduino.cc/)

#### [Arduino](https://www.arduino.cc/)

When prototyping electronics, the Arduino Uno is often my weapon of choice for quickly getting something set up. As long as you have a basic understanding of electronics and programming, you can hook up most sensors in no time.

[![](https://i2.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/raspberrypi-1.jpg?resize=406%2C406&ssl=1)](https://www.raspberrypi.org/)

#### [Raspberry Pi](https://www.raspberrypi.org/)

When connecting electronics to the internet for IOT based projects, I find the Raspberry Pi is the most practical tool for this. Its size, cost and processing power is enough for most photography or small scale sensor connectivity.

[![](https://i2.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/framerx-1.jpg?resize=383%2C382&ssl=1)](https://www.framer.com/)

#### [Framer X](https://www.framer.com/)

When prototyping digital interfaces, Framer X is a promising tool for turning designs into interactive web prototypes. Whilst I’m still quite new to this tool and am learning more about it each time I use it, it combines with other popular technologies such as…

[![](https://i2.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/react-1.jpg?resize=381%2C381&ssl=1)](https://create-react-app.dev/docs/getting-started/)

#### [React](https://create-react-app.dev/docs/getting-started/)

React JS, which is a development framework based on ES6 Javascript. Whilst this is considered a development language in itself, when used with tools such as Create React App (or Framer X), it becomes a powerful tool for quick prototyping.

## Development

The exciting part of any Technology Stack. When development is ready to begin, I value technologies that are used by a big community (so they are easy to find fixes when things go wrong), can be used flexibly and are reliable. For these reasons, my preference is normally web based technologies – written with javascript.

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/typescript.jpg?resize=402%2C402&ssl=1)](https://nextjs.org/docs/basic-features/typescript)

#### [Typescript](https://nextjs.org/docs/basic-features/typescript)

Typescript is an open source programming language created and maintained by Microsoft – it is a stricter subset of Javascript that implements static typing. When combining this with React and Next.js, my hope is that using this will improve code readability and increase integration with web developers in a team.

[![](https://i2.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/aframe.jpg?resize=347%2C347&ssl=1)](https://aframe.io/)

#### [Aframe](https://aframe.io/)

Aframe is a 3D web framework that is used to develop WebVR and WebAR applications. It was originally developed by Mozilla and has been a leader in the WebXR space since its release in 2015 – this is a key technology that I think will be big in the next few years.

[![](https://i2.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/solidity.jpg?resize=368%2C368&ssl=1)](https://solidity.readthedocs.io/en/v0.6.4/)

#### [Solidity](https://solidity.readthedocs.io/en/v0.6.4/)

Solidity is a framework that is used for developing blockchain distributed applications on Ethereum. It is similar to writing javascript and it is relatively straightforward to write – its complexity comes in getting your head around blockchain!

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/tensorflow.jpg?resize=376%2C376&ssl=1)](https://www.tensorflow.org/js)

#### [Tensorflow](https://www.tensorflow.org/js)

Tensorflow.js is an open source deep learning library that was developed by Google and made for web developers to create their own artificial intelligtence algorithms. There is huge potential in this technology, I’ve already created a post about my first experiment with it on this blog.

## Testing

Bugs are an inevitability when writing code, there are many different types of tests that one can do to find bugs. Using code in different ways to check code is becoming more of a standard to do this. In a Technology Stack, this is often overlooked.

[![](https://i0.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/jest.jpg?resize=385%2C385&ssl=1)](https://jestjs.io/)

#### [Jest](https://jestjs.io/)

Jest is a javascript testing framework that is maintained by Facebook, used to test your code and ensure that functions are operating as programmed.

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/codebuild.jpg?resize=388%2C388&ssl=1)](https://aws.amazon.com/codebuild/)

#### [Code Build](https://aws.amazon.com/codebuild/)

Code Build is a service by AWS that allows you to build and test your app in the cloud prior to it being deployed to a server. It is my ‘go to’ build tool as it easily integrates with other AWS services.

[![](https://i2.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/expo.jpg?resize=388%2C388&ssl=1)](https://expo.io/)

#### [Expo](https://expo.io/)

Expo is an open source tool for developing native applications for IOS and Android. This framework makes testing your app on native devices much easier during development with many of their in built features (including live update on the native device).

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/truffle.jpg?resize=389%2C389&ssl=1)](https://www.trufflesuite.com/)

#### [Truffle](https://www.trufflesuite.com/)

Truffle is a development environment, testing framework and asset pipeline for developing blockain distributed applications (DApps). It is particularly important to use this when developing a DApps, due to the immutable nature of the blockhain ecosystem.

## Deployment

The process of deploying an app / website can become quite fiddly at times, but its really nice when you create an automated process that can package up and deploy an app reliably. As I’ve looked further into this field, I’ve found myself drawn close and close to AWS technologies.

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/docker.jpg?resize=417%2C417&ssl=1)](https://www.docker.com/)

#### [Docker](https://www.docker.com/)

Docker is an operating system virtualisation platform, that is used to containerise applications so that they can be deployed easier within different server architectures.

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/kubernetes.jpg?resize=367%2C367&ssl=1)](https://kubernetes.io/)

#### [Kubernetes](https://kubernetes.io/)

Kubernetes is an open sourced container-orchestration system that is used for the autmated deployment, scaling and management of containerised apps. This is often used with Docker as the application container.

[![](https://i0.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/codeDeploy.jpg?resize=368%2C368&ssl=1)](https://aws.amazon.com/codedeploy/)

#### [Code Deploy](https://aws.amazon.com/codedeploy/)

Code Deploy is a service in AWS that is used to automate the deployment of applications and is often my ‘go to’ in continuous deployment technologies as it integrates so neatly into other AWS services.

[![](https://i2.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/beanstalk.jpg?resize=325%2C325&ssl=1)](https://aws.amazon.com/elasticbeanstalk/)

#### [Elastic Beanstalk](https://aws.amazon.com/elasticbeanstalk/)

Elastic Beanstalk is an orchestration service that is developed and owned by AWS. This is also my ‘go to’ application orchestrator, it can handle the set up and maintenance of servers, storage, auto scaling, load balancers and server analytics.

## Cloud Infrastructure

Once you’re in the process of hosting an application online, you want a reliable, secure and cost effective way to manage this process. Having developed apps which [rely on a server](https://jamesmiller.blog/how-to-ssh-onto-an-aws-ec2-instance-on-mac-os/) to show content to users, I’m becoming more and more of a fan of the serverless approach (uploading code to a cloud provider, in a manner that allows them to manage scalability and processing efficiently to lower costs). I currently rely on AWS as a core part of my Technology Stack.

[![](https://i0.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/apiGateway.jpg?resize=354%2C354&ssl=1)](https://aws.amazon.com/api-gateway/)

#### [API Gateway](https://aws.amazon.com/api-gateway/)

API Gateway is a managed service provided by AWS that allows developers to set up a scalable and secure API. This is particularly useful when working with any of the below serverless technologies.

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/s3.jpg?resize=330%2C330&ssl=1)](https://aws.amazon.com/s3/)

#### [S3](https://aws.amazon.com/s3/)

S3 stands for ‘simple storage service’ and it allows developers to store objects, files and data through a web interface. You can also use it to serve static websites in a manner which is scalable and cost effective.

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/lambda.jpg?resize=329%2C329&ssl=1)](https://aws.amazon.com/lambda/)

#### [Lambda](https://aws.amazon.com/lambda/)

Lambda is an event-driven serverless computing platform that allows developers to write code that is run in resposne to an event. It is automatically managed and scaled by Amazon – making cost and processing as efficient as possible.

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/dynamodb.jpg?resize=368%2C368&ssl=1)](https://aws.amazon.com/dynamodb/?sc_channel=PS&sc_campaign=acquisition_UK&sc_publisher=google&sc_medium=dynamodb_hv_b&sc_content=dynamodb_e&sc_detail=dynamodb&sc_category=dynamodb&sc_segment=62042493409&sc_matchtype=e&sc_country=UK&s_kwcid=AL!4422!3!62042493409!e!!g!!dynamodb&ef_id=Cj0KCQjwpLfzBRCRARIsAHuj6qVB__eU3gUO1dDU49k1FFaoffIaFVLRS1j8Kid0IbvuIwx-aXS1ZYsaAnskEALw_wcB:G:s)

#### [DynamoDB](https://aws.amazon.com/dynamodb/?sc_channel=PS&sc_campaign=acquisition_UK&sc_publisher=google&sc_medium=dynamodb_hv_b&sc_content=dynamodb_e&sc_detail=dynamodb&sc_category=dynamodb&sc_segment=62042493409&sc_matchtype=e&sc_country=UK&s_kwcid=AL!4422!3!62042493409!e!!g!!dynamodb&ef_id=Cj0KCQjwpLfzBRCRARIsAHuj6qVB__eU3gUO1dDU49k1FFaoffIaFVLRS1j8Kid0IbvuIwx-aXS1ZYsaAnskEALw_wcB:G:s)

DynamoDB is a managed no-sql database that offeres key-value and document data structures format. It is autoscaling in nature and is developed to work at any scale.

## My favourite technologies

There are four categories of technology that I’m really excited about and think will have a big impact on us in the future. Those technologies and the frameworks/libraries you can use to create things with are:

### Internet of Things

Internet of Things (IOT) is the field where electronics meets the internet – and hardware is then able to gain connectivity with other web services.

[![](https://i2.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/greengrass-1.jpg?resize=377%2C378&ssl=1)](https://aws.amazon.com/greengrass/)

#### [Greengrass](https://aws.amazon.com/greengrass/)

Greengrass is a software that can be run on IOT devices, that connects them to AWS and allows them to interact with other AWS resources.

[![](https://i0.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/AzureKinect.jpg?resize=352%2C352&ssl=1)](https://azure.microsoft.com/en-gb/services/kinect-dk/)

#### [Azure Kinect](https://azure.microsoft.com/en-gb/services/kinect-dk/)

Azure Kinect is a sensor that utilises rgb and infrared cameras, as well as AI to map an environment. It is used a lot in my field to create interactive installations based on peoples movement.

### Extended Reality

Extended Reality (XR) is a term that is used to describe an app that utilises Augmented Reality (AR) or Virtual Reality (VR). I’m personally excited by anything that helps make these technologies become more accessible via social media platforms and the web.

[![](https://i0.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/SparkAR.jpg?resize=349%2C349&ssl=1)](https://sparkar.facebook.com/ar-studio/)

#### [Spark AR](https://sparkar.facebook.com/ar-studio/)

Spark AR is an augmented reality platform that allows developers to create Augmented Reality experiences within Instagram and Facebook social platforms.

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/Sumerien.jpg?resize=352%2C352&ssl=1)](https://aws.amazon.com/sumerian/)

#### [Sumerian](https://aws.amazon.com/sumerian/)

Amazon Sumerian is used to create web based 3D content and web XR applications. The ease of integration with other aws services makes this technology exciting.

### Artificial Intelligence

Artificial Intelligence is a very broad term – what most people mean by this, is an algorithm that is able to come to a on conclusion, by without being explicitly programmed to do so. This is often done by using Machine or Deep Learning training techniques to analyse data.

[![](https://i2.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/LEX.jpg?resize=337%2C337&ssl=1)](https://aws.amazon.com/lex/)

#### [LEX](https://aws.amazon.com/lex/)

Amazon LEX is a service for developing conversation AI applications, I’ve demonstrated this working on a [previous blog post.](https://jamesmiller.blog/training-ai-to-win-rock-paper-scissors-with-tensorflow-js/)

[![](https://i2.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/Sagemaker.jpg?resize=355%2C355&ssl=1)](https://aws.amazon.com/sagemaker/?nc2=h_ql_prod_ml_sm&trk=ps_a131L0000083KWPQA2&trkCampaign=2020_HowMLisDone_PDP_SageMaker&sc_channel=ps&sc_campaign=SM_AD_Google_WP_BuildTrainDeploy_RB&sc_outcome=AIML_Digital_Marketing&sc_geo=mult&sc_country=mult&sc_publisher=Google&s_kwcid=AL!4422!3!410572471631!e!!g!!amazon%20sagemaker&ef_id=Cj0KCQjwpLfzBRCRARIsAHuj6qVjgIRpWTInOXi1FDMycyR99mOU7jXm9CUaIMBfIkVDFd4KsS8cdI0aAuUsEALw_wcB:G:s)

#### [Sage Maker](https://aws.amazon.com/sagemaker/?nc2=h_ql_prod_ml_sm&trk=ps_a131L0000083KWPQA2&trkCampaign=2020_HowMLisDone_PDP_SageMaker&sc_channel=ps&sc_campaign=SM_AD_Google_WP_BuildTrainDeploy_RB&sc_outcome=AIML_Digital_Marketing&sc_geo=mult&sc_country=mult&sc_publisher=Google&s_kwcid=AL!4422!3!410572471631!e!!g!!amazon%20sagemaker&ef_id=Cj0KCQjwpLfzBRCRARIsAHuj6qVjgIRpWTInOXi1FDMycyR99mOU7jXm9CUaIMBfIkVDFd4KsS8cdI0aAuUsEALw_wcB:G:s)

Amazon Sage Maker is a cloud machine learning platform, that enables developers to create, train and deploy machine learning algorithms.

### Blockchain

Blockchain is (in a super short summary) a distributed database that is able to process automated transactions via functions that run on the network – called Smart Contracts. It is often associated strongly with crypto curruncies (e.g bitcoin), in reality these currencies are often a bi-product of the blockchain.

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/awsblockchain-1.jpg?resize=462%2C462&ssl=1)](https://aws.amazon.com/managed-blockchain/)

#### [Amazon Blockchain](https://aws.amazon.com/managed-blockchain/)

Amazon Managed Blockchain is a fully managed service that developers can use to create and manage a fully scalable blockchain network. This utilises popular blockchain technologies such as Hyperledger Fabric and Ethereum.

[![](https://i1.wp.com/jamesmiller.blog/wp-content/uploads/2020/03/drizzle.jpg?resize=398%2C398&ssl=1)](https://www.trufflesuite.com/docs/drizzle/quickstart)

#### [Drizzle](https://www.trufflesuite.com/docs/drizzle/quickstart)

Drizzle is a collection of libraries that make writing front end code easier for DApps. It utilises Redux and is particularly useful if you’re using ReactJS as your development framework.