1. 程式人生 > >Build a Modern Web App

Build a Modern Web App

The application architecture diagrams provide a structural representation of the services that make up Mythical Mysfits and how these services interact with each other. Don’t worry if you aren’t completely familiar with the services and features mentioned below. As we work through the tutorial, we’ll discuss the services in detail and point to resources that will help you get up to speed with them.

You will implement Mythical Mysfits using these modules:

  1. Create Static Website Build a static website, using Amazon Simple Storage Service (S3) that serves static content (images, static text, etc.) for your website.
  2. Build Dynamic Website Host your application logic on a web server, using an API backend microservice deployed as a container through AWS Fargate.
  3. Store Mysfit Data Externalize all of the mysfit data and persist it with a managed NoSQL database provided by Amazon DynamoDB.
  4. Add User Registration Enable users to registration, authentication, and authorization so that Mythical Mysfits visitors can like and adopt myfits, enabled through AWS API Gateway and its integration with Amazon Cognito.
  5. Capture User Clicks Capture user behavior with a clickstream analysis microservice that will record and analyze clicks on the website using AWS Lambda and Amazon Kinesis Firehose. 

You will be creating and deploying changes to this application completely programmatically. You will use the AWS Command Line Interface to execute commands that create the required infrastructure components, which includes a fully managed CI/CD stack utilizing AWS CodeCommit, CodeBuild, and CodePipeline. Finally, you will complete the development tasks required all within your own browser using the cloud-based IDE, AWS Cloud9.

相關推薦

Build a Modern Web App

The application architecture diagrams provide a structural representation of the services that make up Mythical Mysfits and how these services

Build a MERN web app

Description This code pattern will deploy a Mongo, Express, React, and Node (MERN) web app to IBM Cloud. Deploy from a starter kit in

Build a MEAN web app

Description This developer pattern presents code to create a web app that is pre-configured with the MongoDB, Express.js, AngularJS,

Seriously, though. What is a progressive web app?

I’ve been familiar with the “progressive web app” (PWA) concept for a while now. But there’s always been an itch in the back of my mind about it.I’ve been

Ask HN: What technologies should I learn to build my Saas web app

I am a python developer and have few ideas for a saas web application. I understand the basics of html, css, javascript, but confused about what front end-

Build a File Metadata App in Electron

Build a File Metadata App in ElectronIn this tutorial, we will build a simple file metadata app in Electron, covering creating the main process, browser pr

Simplified GitHub Login for a Ruby Web App

You know what OAuth login is, right? It’s when your users click “login” and get redirected to Facebook, Twitter, Google, or some other website which then i

Build a Decentralized Chat App with Knockout and IPFS

Build a Decentralized Chat App with Knockout and IPFSHow to build a fully decentralized chat app in under an hour with <100 lines of codeThe final produ

Building a Simple Web App With Bottle, SQLAlchemy, and the Twitter API

Last October we challenged our PyBites’ audience to make a web app to better navigate the Daily Python Tip feed. In this article, I’ll share what I buil

Build a blockchain insurance app

Summary With its distributed ledger, smart contracts, and non-repudiation capabilities, blockchain is revolutionizing the way financi

Microsoft Azure Tutorial: Build your first movie inventory web app with just a few lines of code

tro options core any call jpg should nav lines Editor’s Note: The following is a guest post from Mustafa Mahmutovi?, a Microsoft Student

I built a web app that help events organizers build mobile apps

Hi there.I am looking for someone to test my app, it's a small web app prototype to help event organizers build cross platform mobile apps, the main concep

啟動weblogic報錯:string value '2.4' is not a valid enumeration value for web-app-versionType in namespace http://java.sun.com/xml/ns/javaee

-a xsd not app b- 1.0 ring encoding ont 啟動報錯: 原因:有人改動了web.xml的頭 解決方法: 在web.xml中修改擡頭為: <?xml version="1.0" encoding="UTF-8"?> <we

How to build an Ethereum Wallet web app

To send Ether, we need to use native functions provided by the web3.js library, while sending tokens and checking balances involves interaction with a smar

A Modern Gmail Add-on Build Process

A Modern Gmail Add-on Build ProcessLet me help you avoid the pitfalls and work in a sane development environmentToday, we launched a new Gmail add-on that

Build a task app with Hapi, MongoDB and Vue.js

The idea for this tutorial is we’re going to build a task app with Node.js, MongoDB and Vue.js. Users will be able to read, create and delete tasks from th

Ask HN: Verifying a web app pointing to a specific deployment/commit

I've looked at ways to verify whether a specific deployment is signed and associated with a specific commit hash/deployment, but how do you verify (as a cl

Create a web app to visually interact with objects detected using machine learning

Summary The IBM Model Asset eXchange (MAX) has given application developers without data science experience easy access to prebuilt m

Developing a web app from scratch — Part 1

System SetupBack-end — PostgreSQL SetupWe will be using PostgreSQL as our database. Setting it up is a fairly straightforward process.Download the bash scr

Creating a basic CRUD web app with Vue, Vuetify, and Butterfly Server .NET

Creating a basic CRUD web app with Vue, Vuetify, and Butterfly Server .NETNearly every web app has to handle basic CRUD operations (Create, Read, Update, a