A full-stack cloud-native inventory management system built using AWS Serverless Backend and a modern frontend dashboard UI. This project demonstrates hands-on skills in Lambda, API Gateway, DynamoDB, Serverless Framework, and Web Development.
This system enables users to add, edit, update, delete, and view inventory items in real time using a fully serverless backend.
It includes:
- Frontend: Inventory Dashboard (HTML/CSS/JS)
- Backend: AWS Lambda + API Gateway + DynamoDB
- Infrastructure: Serverless Framework (IaC)
The Backend exposes secure REST APIs while the Frontend consumes them to perform CRUD operations.
🖼️ Live Project URL: AWS Amplify
(If it’s not working, make sure the server is paused.)
- HTML
- CSS
- JavaScript (Fetch API)
- AWS Lambda (Node.js)
- Amazon API Gateway
- Amazon DynamoDB
- Serverless Framework
- Node.js Runtime
Frontend (Inventory Dashboard)
|
| REST API Calls (GET, POST, PATCH, DELETE)
v
API Gateway
|
v
AWS Lambda (api.js)
|
v
DynamoDB Table
Additional backend component:
stream_processor.js: Handles DynamoDB Streams (optional processing).
cloud-inventory-system-serverless/
│
├── inventory-dashboard/ # Frontend UI files
│ ├── index.html
│ ├── assets/
│
├── backend/ # Serverless AWS Backend
│ ├── serverless.yml
│ └── lambda/
│ ├── api.js
│ ├── stream_processor.js
│ └── package.json
│
└── README-backend-integration.md
npm install -g serverlesscd backend/lambda
npm installaws configurecd backend
serverless deployThis will:
- Create DynamoDB table
- Deploy Lambda functions
- Create API Gateway endpoints
- Output REST API URLs
- Open
inventory-dashboard/index.htmlin browser - Update API base URL:
const apiBaseUrl = "https://YOUR_API_ID.execute-api.ap-south-1.amazonaws.com/dev";- Refresh the page — now the dashboard will work with your live API.
✔️ Serverless architecture ✔️ Real CRUD operations ✔️ Scalable DynamoDB storage ✔️ Clean, responsive Dashboard ✔️ Instant Lambda function execution ✔️ Easy deployment via Serverless Framework
| Method | Endpoint | Description |
|---|---|---|
| GET | /items |
Fetch all items |
| POST | /items |
Add new item |
| PATCH | /items/{id} |
Update an item |
| DELETE | /items/{id} |
Delete an item |
- Demonstrate Cloud Engineering fundamentals
- Implement real-world serverless architecture
- Build full-stack application (UI + API + Database)
- Showcase portfolio-ready AWS project
Mohammed Rasool Shaik Cloud Engineer | AWS | DevOps | Backend




