Greenstem.uk Home

Full-stack web development

To illustrate our web design process, please see the following examples and demos.

Web Components

See "Sensors: accuracy vs precision" demonstration app where the whole application (compressed to ~10kB) automatically unfolds from simple HTML, such as:- 

<web-comp>
  <script type="module" src="web-comp.js"></script>
</web-comp>

Situational Judgement Tests

See Situational Judgement Tests demonstration app used for candidate assessment, where web pages include bespoke accessibility attributes such as:-

aria-label="Option A is best"

Serverless

Cloud Development Kit pseudo-code

CDK pseudo-code

See GitHub.com/MartinMPhil/oak for examples of infrastructure-as-code using Cloud Development Kit (CDK) deployed on Amazon Web Services (AWS).

Authentication pseudo-code

Authentication pseudo-code

See Martin M.Phil. GitHub repository for examples of OAuth login with Cognito user pools.

Dynamo-db single table design

See Martin M.Phil. GitHub repository for this single-table database design which provides fast, reliable, scalable and inexpensive queries on the secure and fully-managed DynamoDB.

lambda server function in typescript

See Martin M.Phil. GitHub repository for an example of TypeScript server functions running in Node.

Test driven development

Specifying unit tests before writing code increases code quality and quickens software development.

unit-test example code

Integration tests ensure modules and components function well together.

integration-test example code

End-to-end tests allow simulate real-user interactions.

End-to-end-test example code

Web design

user interface state chart

As a user I want to easily create my suggestions, via desktop or mobile, to begin the voting process. Acceptance criteria:-

Hobby websites