MyDevStack

A modern, developer-friendly web interface for managing AWS services running locally via AWS emulators like LocalStack or MiniStack.

Features

• Dashboard - Overview of your AWS services with quick stats
• Service Management - Full CRUD operations for:
  • S3 (Buckets & Objects)
  • Lambda (Functions)
  • DynamoDB (Tables, Items & Streams)
  • SQS (Queues & Messages)
  • SNS (Topics & Subscriptions)
  • IAM (Users, Roles, Groups & Policies)
  • And many more...
• Logs - View and filter CloudWatch logs
• Settings - Configure endpoint, region, and credentials
• Dark Mode - Support for light/dark themes

Prerequisites

• Node.js 18+
• npm 9+
• A local AWS emulator (LocalStack, MiniStack, etc.)

Getting Started

Installation

# Clone the repository
git clone https://github.com/beabys/MyDevStack.git
cd MyDevStack

# Install dependencies
npm install

Configuration

Copy the environment example and configure your AWS endpoint:

cp .env.example .env.local

Edit .env.local with your AWS emulator URL:

VITE_PROXY_BACKEND=http://127.0.0.1:8081

Development

npm run dev

The app will be available at http://localhost:3000

Production Build

npm run build

Preview Production Build

npm run preview

Supported Services

Service	Status	Description
S3	✅	Buckets, Objects, Presigned URLs
Lambda	✅	Functions, Invocations
DynamoDB	✅	Tables, Items, Streams
SQS	✅	Queues, Messages
SNS	✅	Topics, Subscriptions, Publishing
IAM	✅	Users, Roles, Groups, Policies
KMS	✅	Keys, Encryption
Secrets Manager	✅	Secrets management
SSM	✅	Parameter Store
API Gateway	✅	REST APIs, HTTP APIs
Kinesis	✅	Streams, Shards
CloudFormation	✅	Stacks, Templates
ElastiCache	✅	Cache clusters
RDS	✅	Database instances

Project Structure

src/
├── api/                    # AWS API clients
│   ├── client.ts          # Axios client & interceptors
│   ├── services/          # Service-specific API calls
│   └── types/             # TypeScript types
├── components/            # Vue components
│   ├── common/            # Reusable UI components
│   └── layout/            # Layout components
├── composables/           # Vue composables
├── router/                # Vue Router configuration
├── stores/                # Pinia stores
├── views/                 # Page components
│   └── services/          # Service-specific views
└── App.vue               # Root component

License

This project is licensed under the MIT License.

Support

If you find this project helpful, consider buying me a coffee!

Contributing

Contributions are welcome! Please read our Contributing Guidelines first.