Coder Social home page Coder Social logo

serverless-web-app's Introduction

SERVERLESS WEB APP


Project Overview

  • This serverless web application is meticulously crafted around a three-tier microservices architecture, seamlessly integrating various AWS services.
  • The application boasts a feature-rich frontend, deployed onto S3 and gracefully delivered through CloudFront.
  • The backend, a Python marvel employing Boto3 modules, resides comfortably within AWS Lambda.
  • DynamoDB, the robust NoSQL database, stores and manages data with finesse, while the glue holding everything together is a well-designed REST API orchestrated via AWS API Gateway.

Flowchart

WEBPAGE


Infrastructure of the project

.
├── BACKEND
│   ├── backend
│   │   ├── table.py
│   │   └── zip
│   │       └── table.zip
│   ├── graph.sh
│   ├── main.tf
│   ├── modules
│   │   ├── dynamodb
│   │   │   ├── main.tf
│   │   │   ├── output.tf
│   │   │   └── variable.tf
│   │   └── lambda
│   │       ├── main.tf
│   │       ├── output.tf
│   │       └── variable.tf
│   ├── output.tf
│   ├── terraform-backend-infrastructure.png
│   ├── terraform.tfstate
│   └── terraform.tfstate.backup
├── FRONTEND
│   ├── graph.sh
│   ├── main.tf
│   ├── output.tf
│   ├── terraform-frontend-infrastructure.png
│   ├── terraform.tfstate
│   ├── terraform.tfstate.backup
│   └── website
│       ├── img
│       │   ├── bg1.gif
│       │   └── bg.gif
│       ├── index.html
│       ├── main.js
│       └── style.css
└── infrastructure-tree.txt

9 directories, 26 files

Deployment Process

1. Frontend:

  • Crafted with HTML, CSS, and JavaScript.
  • Front end terraform infrastructure flowchart
  • Deployed onto S3 and elegantly presented via CloudFront.
  • s3 bucket
  • CloudFront

2. Backend:

  • Written in Python and powered by Boto3 modules.
  • Back-end terraform infrastructure Flowchart
  • Finds its home on AWS Lambda, ensuring efficient and scalable execution.

3. DynamoDB:

  • The NoSQL database solution, provides flexibility and reliability.

4. API Gateway:

  • A robust REST API facilitates seamless front and backend communication.

Testing Procedures

1. Backend Local Testing:

  • Rigorous testing facilitated by AWS Lambda's test events ensures backend functionality is robust and reliable.

2. API Testing with Postman:

  • The API's functionality is meticulously validated using Postman, ensuring smooth and predictable interactions.

3. Local Frontend Testing:

  • The front end is seamlessly connected to the API on localhost for thorough local testing, ensuring a flawless user experience.

4. CDN Testing:

  • Rigorous testing under CDN conditions guarantees global accessibility and optimal performance.

Additional Information

  • Ensure placeholder variables in Terraform files are replaced with actual values.
  • Delve into specific Terraform files for detailed configurations tailored to your needs.
  • For any further guidance, refer to the extensive documentation provided by AWS.

Feel free to tailor and enrich this README to suit your application and development process perfectly.

serverless-web-app's People

Contributors

yuva19102003 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.