Applications and Architectures

Weather

The Weather application is a highly scalable and completely serverless application hosted in AWS. The application consists of a React SPA, or single-page application, user interface which interacts with the LEANSTACKS REST API to obtain weather forecast information. The REST API is backed by a suite of serverless microservices in AWS Lambda. The microservices store information in highly scalable DynamoDB tables.

Open the Weather application.

Architecture

Features

Content Delivery Network (CDN)

All requests for the Weather application are serviced by an Amazon CloudFront CDN. Requests to fetch both static and dynamic resources, i.e. API calls, are routed to the CDN. Rules within CloudFront determine where requests are routed. Static resources, such as JavaScript and HTML for the Weather UI, are served from Amazon S3 buckets. Dynamic content, such as REST API calls, are routed to the Amazon API Gateway. Since CloudFront CDNs are hosted at Amazon edge locations around the globe, there is much lower network latency by routing all requests across Amazon's high-speed networks rather than traversing the Internet.

React SPA User Interface

The Weather UI component is constructed using modern, single-page application technologies and techniques. The foundation of the technlogy stack is the React Framework.

REST API

The UI obtains data from the LEANSTACKS REST API. The REST API is implemented in Amazon API Gateway. The Gateway authenticates requests with AWS Lambda Authorizers before routing the requests to backend services.

Microservices

The business functionality is implemented in fine-grained, domain-specific microservices. The microservices are deployed as AWS Lambda functions. The Lambda functions utilize microservice design patterns such as Robust API, Gatekeeper, Aggregator, and Circuit Breaker. Each microservice is authored in JavaScript and uses the Node.js 14 runtime. The Serverless Framework is the foundation of the DevOps and application technology stacks.

Database

Amazon DynamoDB tables serve as both a cache for third-party vendor APIs and as a transactional database. DynamoDB is inexpensive to operate, highly scalable, and serverless.

Screenshots

Flashcards

The Flashcards application is a highly scalable and completely serverless application hosted in AWS. The application consists of a React SPA, or single-page application, user interface which interacts with the LEANSTACKS REST API to search, create, and manage decks of flashcards. The REST API is backed by a suite of serverless microservices in AWS Lambda. The microservices store information in highly scalable DynamoDB tables. Amazon Cognito secures the application. Users may sign up for a LeanStacks account or may authenticate using popular services like Google.

Open the Flashcards application.

Architecture

Features

Content Delivery Network (CDN)

All requests for the Flashcards application are serviced by an Amazon CloudFront CDN. Requests to fetch both static and dynamic resources, i.e. API calls, are routed to the CDN. Rules within CloudFront determine where requests are routed. Static resources, such as JavaScript and HTML for the Flashcards UI, are served from Amazon S3 buckets. Dynamic content, such as REST API calls, are routed to the Amazon API Gateway. Since CloudFront CDNs are hosted at Amazon edge locations around the globe, there is much lower network latency by routing all requests across Amazon's high-speed networks rather than traversing the Internet.

React SPA User Interface

The Flashcards UI component is constructed using modern, single-page application technologies and techniques. The foundation of the technlogy stack is the React Framework.

REST API

The UI obtains data from the LEANSTACKS REST API. The REST API is implemented in Amazon API Gateway. The Gateway authenticates requests with AWS Lambda Authorizers before routing the requests to backend services.

Security

The Flashcards application allows users to freely browse and use published, public decks of flashcards without an account. However, users must sign into the application to create their own personalized decks of flashcards. Amazon Cognito manages the security for the Flashcards application. Users may create a LEANSTACKS account or authenticate using popular, third-party services like Google. Amazon Cognito securely houses account information and issues OAuth tokens which grant access to the LEANSTACKS REST API.

Microservices

The business functionality is implemented in fine-grained, domain-specific microservices. The microservices are deployed as AWS Lambda functions. The Lambda functions utilize microservice design patterns such as Robust API, Gatekeeper, and Internal Handoff. Each microservice is authored in JavaScript and uses the Node.js 14 runtime. The Serverless Framework is the foundation of the DevOps and application technology stacks.

Scheduler

Some application features, such as determining the most popular decks of flashcards, require microservices to be invoked on a schedule rather than triggered by user action, i.e. the REST API. Amazon CloudWatch Rules publish CloudWatch Events that invoke microservices on a flexible, configurable schedule.

Database

Amazon DynamoDB tables serve as the primary database. DynamoDB is inexpensive to operate, highly scalable, and serverless.

Screenshots

Account

The Account application is a secure, scalable, and completely serverless application hosted in AWS. The application consists of a React SPA, or single-page application, user interface which interacts with the LEANSTACKS REST API allowing users to manage their account, profile, and team information. The REST API is backed by a suite of serverless microservices in AWS Lambda. The microservices store information in highly scalable DynamoDB tables. Amazon Cognito secures the application. Users may sign up for a LEANSTACKS account or may authenticate using popular services like Google.

Open the Account application.

Architecture

Features

Content Delivery Network (CDN)

All requests for the Account application are serviced by an Amazon CloudFront CDN. Requests to fetch both static and dynamic resources, i.e. API calls, are routed to the CDN. Rules within CloudFront determine where requests are routed. Static resources, such as JavaScript and HTML for the Account UI, are served from Amazon S3 buckets. Dynamic content, such as REST API calls, are routed to the Amazon API Gateway. Since CloudFront CDNs are hosted at Amazon edge locations around the globe, there is much lower network latency by routing all requests across Amazon's high-speed networks rather than traversing the Internet.

React SPA User Interface

The Account UI component is constructed using modern, single-page application technologies and techniques. The foundation of the technlogy stack is the React Framework.

REST API

The UI obtains data from the LEANSTACKS REST API. The REST API is implemented in Amazon API Gateway. The Gateway authenticates requests with AWS Lambda Authorizers before routing the requests to backend services.

Security

The Account application requires users to authenticate to the application to manage their account, profile, and team details. Amazon Cognito manages the security for all LEANSTACKS accounts. Users may create an account in Cognito or authenticate using popular, third-party services like Google. Amazon Cognito securely houses account information and issues OAuth tokens which grant access to the LEANSTACKS REST API.

Microservices

The business functionality is implemented in fine-grained, domain-specific microservices. The microservices are deployed as AWS Lambda functions. The Lambda functions utilize microservice design patterns such as Robust API, Gatekeeper, Pub/Sub, and Internal Handoff. Each microservice is authored in JavaScript and uses the Node.js 14 runtime. The Serverless Framework is the foundation of the DevOps and application technology stacks.

Database

Amazon DynamoDB tables serve as the primary database. DynamoDB is inexpensive to operate, highly scalable, and serverless.

Screenshots

Chat

The Chat application is a secure, scalable, and completely serverless application hosted in AWS. The application consists of a React SPA, or single-page application, user interface which interacts with the LEANSTACKS REST and WebSocket APIs allowing users to chat in real time with their teams. The APIs are backed by a suite of serverless microservices in AWS Lambda. The microservices store information in highly scalable DynamoDB tables. Amazon Cognito secures the application. Users may sign up for a LEANSTACKS account or may authenticate using popular services like Google.

Open the Chat application.

Architecture

Features

Content Delivery Network (CDN)

All requests for the Chat application are serviced by an Amazon CloudFront CDN. Requests to fetch both static and dynamic resources, i.e. API calls, are routed to the CDN. Rules within CloudFront determine where requests are routed. Static resources, such as JavaScript and HTML for the Chat UI, are served from Amazon S3 buckets. Dynamic content, such as REST API calls, are routed to the Amazon API Gateway. Since CloudFront CDNs are hosted at Amazon edge locations around the globe, there is much lower network latency by routing all requests across Amazon's high-speed networks rather than traversing the Internet.

React SPA User Interface

The Chat UI component is constructed using modern, single-page application technologies and techniques. The foundation of the technlogy stack is the React Framework.

REST API

The UI obtains data from the LEANSTACKS REST API. The REST API is implemented in Amazon API Gateway. The Gateway authenticates requests with AWS Lambda Authorizers before routing the requests to backend services.

WebSocket API

The UI exchanges messages with backend microservices in real time with the LEANSTACKS WebSocket API. The WebSocket API is implemented in Amazon API Gateway. The Gateway authenticates requests with AWS Lambda Authorizers before routing the requests to backend services.

Security

The Chat application requires users to authenticate to the application to exchange messages with their teams. Amazon Cognito manages the security for all LEANSTACKS accounts. Users may create an account in Cognito or authenticate using popular, third-party services like Google. Amazon Cognito securely houses account information and issues OAuth tokens which grant access to the LEANSTACKS REST API.

Microservices

The business functionality is implemented in fine-grained, domain-specific microservices. The microservices are deployed as AWS Lambda functions. The Lambda functions utilize microservice design patterns such as Robust API, Gatekeeper, Pub/Sub, and Internal Handoff. Each microservice is authored in JavaScript and uses the Node.js 14 runtime. The Serverless Framework is the foundation of the DevOps and application technology stacks.

Database

Amazon DynamoDB tables serve as the primary database. DynamoDB is inexpensive to operate, highly scalable, and serverless.

Screenshots

Tasks

The Tasks application is a secure, scalable, and completely serverless application hosted in AWS. The application consists of a React SPA, or single-page application, user interface which interacts with the LEANSTACKS REST API allowing users to create, organize, and manage lists of tasks. The APIs are backed by a suite of serverless microservices in AWS Lambda. The microservices store information in highly scalable DynamoDB tables. Amazon Cognito secures the application. Users must sign up to create and manage tasks. Users may sign up for a LEANSTACKS account or may authenticate using popular services like Google.

Open the Tasks application.

Architecture

Features

Content Delivery Network (CDN)

All requests for the Tasks application are serviced by an Amazon CloudFront CDN. Requests to fetch both static and dynamic resources, i.e. API calls, are routed to the CDN. Rules within CloudFront determine where requests are routed. Static resources, such as JavaScript and HTML for the Tasks UI, are served from Amazon S3 buckets. Dynamic content, such as REST API calls, are routed to the Amazon API Gateway. Since CloudFront CDNs are hosted at Amazon edge locations around the globe, there is much lower network latency by routing all requests across Amazon's high-speed networks rather than traversing the Internet.

React SPA User Interface

The Tasks UI component is constructed using modern, single-page application technologies and techniques. The foundation of the technlogy stack is the React Framework.

REST API

The UI obtains data from the LEANSTACKS REST API. The REST API is implemented in Amazon API Gateway. The Gateway authenticates requests with AWS Lambda Authorizers before routing the requests to backend services.

Security

The Tasks application requires users to authenticate to the application to create and manage tasks. Amazon Cognito manages the security for all LEANSTACKS accounts. Users may create an account in Cognito or authenticate using popular, third-party services like Google. Amazon Cognito securely houses account information and issues OAuth tokens which grant access to the LEANSTACKS REST API.

Microservices

The business functionality is implemented in fine-grained, domain-specific microservices. The microservices are deployed as AWS Lambda functions. The Lambda functions utilize microservice design patterns such as Robust API, Gatekeeper, Pub/Sub, and Internal Handoff. Each microservice is authored in JavaScript and uses the Node.js 14 runtime. The Serverless Framework is the foundation of the DevOps and application technology stacks.

Database

Amazon DynamoDB tables serve as the primary database. DynamoDB is inexpensive to operate, highly scalable, and serverless.

Screenshots

Notes

The Notes application is a secure, scalable, and completely serverless application hosted in AWS. The application consists of a React SPA, or single-page application, user interface which interacts with the LEANSTACKS REST API allowing users to create, organize, and manage notes. The APIs are backed by a suite of serverless microservices in AWS Lambda. The services store information in highly scalable DynamoDB tables. CloudWatch events manage the execution of scheduled business rules. Amazon Cognito secures the application. Users must sign up to create and manage notes. Users may sign up for a LEANSTACKS account or may authenticate using popular services like Google.

Open the Notes application.

Architecture

Features

Content Delivery Network (CDN)

All requests for the Notes application are serviced by an Amazon CloudFront CDN. Requests to fetch both static and dynamic resources, i.e. API calls, are routed to the CDN. Rules within CloudFront determine where requests are routed. Static resources, such as JavaScript and HTML for the Notes UI, are served from Amazon S3 buckets. Dynamic content, such as REST API calls, are routed to the Amazon API Gateway. Since CloudFront CDNs are hosted at Amazon edge locations around the globe, there is much lower network latency by routing all requests across Amazon's high-speed networks rather than traversing the Internet.

React SPA User Interface

The Notes UI component is constructed using modern, single-page application technologies and techniques. The foundation of the technlogy stack is the React Framework.

REST API

The UI obtains data from the LEANSTACKS REST API. The REST API is implemented in Amazon API Gateway. The Gateway authenticates requests with AWS Lambda Authorizers before routing the requests to backend services.

Security

The Notes application requires users to authenticate to the application to create and manage notes. Amazon Cognito manages the security for all LEANSTACKS accounts. Users may create an account in Cognito or authenticate using popular, third-party services like Google. Amazon Cognito securely houses account information and issues OAuth tokens which grant access to the LEANSTACKS REST API.

Microservices

The business functionality is implemented in fine-grained, domain-specific microservices. The services are deployed as AWS Lambda functions. The Lambda functions utilize microservice design patterns such as Robust API, Gatekeeper, Pub/Sub, and Internal Handoff. Each service is authored in JavaScript and uses the Node.js 14 runtime. The Serverless Framework is the foundation of the DevOps and application technology stacks.

Scheduler

Some application features, such as permanently deleting notes from users' trash, require microservices to be invoked on a schedule rather than triggered by user action, i.e. the REST API. Amazon CloudWatch Rules publish CloudWatch Events that invoke microservices on a flexible, configurable schedule.

Database

Amazon DynamoDB tables serve as the primary database. DynamoDB is inexpensive to operate, highly scalable, and serverless.

Screenshots

Trivia

The Trivia application is a secure, scalable, and completely serverless application hosted in AWS. The application consists of a React SPA, or single-page application, user interface which interacts with the LEANSTACKS REST and WebSocket APIs allowing users to play trivia games in real time with small groups or in massive events. The APIs are backed by a suite of serverless microservices in AWS Lambda. The microservices store information in highly scalable DynamoDB tables. Amazon Cognito secures the application. Users must sign up to create and moderate events, but players do not require an account. Users may sign up for a LEANSTACKS account or may authenticate using popular services like Google.

Open the Trivia application.

Architecture

Features

Content Delivery Network (CDN)

All requests for the Trivia application are serviced by an Amazon CloudFront CDN. Requests to fetch both static and dynamic resources, i.e. API calls, are routed to the CDN. Rules within CloudFront determine where requests are routed. Static resources, such as JavaScript and HTML for the Trivia UI, are served from Amazon S3 buckets. Dynamic content, such as REST API calls, are routed to the Amazon API Gateway. Since CloudFront CDNs are hosted at Amazon edge locations around the globe, there is much lower network latency by routing all requests across Amazon's high-speed networks rather than traversing the Internet.

React SPA User Interface

The Trivia UI component is constructed using modern, single-page application technologies and techniques. The foundation of the technlogy stack is the React Framework.

REST API

The UI obtains data from the LEANSTACKS REST API. The REST API is implemented in Amazon API Gateway. The Gateway authenticates requests with AWS Lambda Authorizers before routing the requests to backend services.

WebSocket API

The UI exchanges messages with backend microservices in real time with the LEANSTACKS WebSocket API. The WebSocket API is implemented in Amazon API Gateway. The Gateway authenticates requests with AWS Lambda Authorizers before routing the requests to backend services.

Security

The Trivia application requires users to authenticate to the application to create and moderate events. Amazon Cognito manages the security for all LEANSTACKS accounts. Users may create an account in Cognito or authenticate using popular, third-party services like Google. Amazon Cognito securely houses account information and issues OAuth tokens which grant access to the LEANSTACKS REST API.

Microservices

The business functionality is implemented in fine-grained, domain-specific microservices. The microservices are deployed as AWS Lambda functions. The Lambda functions utilize microservice design patterns such as Robust API, Gatekeeper, Pub/Sub, and Internal Handoff. Each microservice is authored in JavaScript and uses the Node.js 14 runtime. The Serverless Framework is the foundation of the DevOps and application technology stacks.

Database

Amazon DynamoDB tables serve as the primary database. DynamoDB is inexpensive to operate, highly scalable, and serverless.

Screenshots

Tools

The Tools application is a highly scalable and completely serverless application hosted in AWS. The application is implemented as a React SPA, or single-page application. The application provides a suite of developer tools such as generators, converters, and formatters which run in the browser.

Open the Tools application.

Architecture

Features

Content Delivery Network (CDN)

All requests for the Tools application are serviced by an Amazon CloudFront CDN. Requests to fetch resources are routed to the CDN. Rules within CloudFront determine where resources are located within AWS. Static resources, such as JavaScript and HTML for the Tools UI, are served from Amazon S3 buckets. Since CloudFront CDNs are hosted at Amazon edge locations around the globe, there is much lower network latency by routing all requests across Amazon's high-speed networks rather than traversing the Internet.

React SPA User Interface

The Tools UI component is constructed using modern, single-page application technologies and techniques. The foundation of the technlogy stack is the React Framework.

LeanStacks Lorem

Lorem Ipsum placeholder text is generated by LeanStacks npm, i.e. Node package manager, package, ls-lorem. The ls-lorem package provides a simple yet flexible API for the generation of Lorem Ipsum placeholder text. Read more about ls-lorem on npm.

Screenshots

Time

The Time application is a highly scalable and completely serverless application hosted in AWS. The application is implemented as a React SPA, or single-page application. The application provides date and time features such as a clock, an alarm, a stopwatch, and a timer. The Time application fully responsive, meaning it is optimized for both browsers and mobile devices.

Open the Time application.

Architecture

Features

Content Delivery Network (CDN)

All requests for the Time application are serviced by an Amazon CloudFront CDN. Requests to fetch resources are routed to the CDN. Rules within CloudFront determine where resources are located within AWS. Static resources, such as JavaScript and HTML for the Time UI, are served from Amazon S3 buckets. Since CloudFront CDNs are hosted at Amazon edge locations around the globe, there is much lower network latency by routing all requests across Amazon's high-speed networks rather than traversing the Internet.

React SPA User Interface

The Time UI component is constructed using modern, single-page application technologies and techniques. The foundation of the technlogy stack is the React Framework.

Screenshots