DEV Community

SEN LLC
SEN LLC

Posted on

A Searchable AWS Services Reference With 67 Services and Bilingual Descriptions

A Searchable AWS Services Reference With 67 Services and Bilingual Descriptions

AWS has over 200 services now. Nobody knows what all of them do. This reference covers the 67 services 95% of developers actually touch, with abbreviations, use cases, related services, and bilingual descriptions. Search by name, by abbreviation (EC2, S3), or by keyword ("queue", "cache", "cdn").

AWS is the elephant in every cloud discussion, but the official docs are designed for deep exploration โ€” not fast lookup. "Which service do I use to send email again? SES? SNS? SQS?" is a question I ask myself every few months. A searchable, filtered, visual reference is faster.

๐Ÿ”— Live demo: https://sen.ltd/portfolio/aws-services-ref/
๐Ÿ“ฆ GitHub: https://github.com/sen-ltd/aws-services-ref

Screenshot

Features:

  • 67 AWS services across 10 categories
  • Search by name, abbreviation, or keyword
  • Category filters (Compute, Storage, Database, Networking, Security, Analytics, ML, DevOps, Messaging, Serverless)
  • Bilingual Japanese / English descriptions
  • Use cases per service
  • Related services (clickable)
  • AWS-orange accent theme
  • Dark / light mode
  • Zero dependencies, 41 tests

Data structure

Each service:

{
  id: 'ec2',
  abbrev: 'EC2',
  name: 'Amazon Elastic Compute Cloud',
  category: 'compute',
  description: {
    ja: 'ไปฎๆƒณใ‚ตใƒผใƒใ‚’ๆไพ›ใ™ใ‚‹ใ‚ตใƒผใƒ“ใ‚นใ€‚ใ‚คใƒณใ‚นใ‚ฟใƒณใ‚นใ‚ตใ‚คใ‚บใƒปOSใƒปใƒใƒƒใƒˆใƒฏใƒผใ‚ฏใ‚’่‡ช็”ฑใซ้ธๆŠžๅฏ่ƒฝ',
    en: 'Virtual server service with configurable instance sizes, OS, and networking',
  },
  useCases: {
    ja: ['Web ใ‚ตใƒผใƒ', 'ใ‚ขใƒ—ใƒชใ‚ฑใƒผใ‚ทใƒงใƒณใ‚ตใƒผใƒ', 'ใƒใƒƒใƒๅ‡ฆ็†'],
    en: ['Web servers', 'Application servers', 'Batch processing'],
  },
  launched: 2006,
  related: ['ebs', 'vpc', 'auto-scaling'],
}
Enter fullscreen mode Exit fullscreen mode

Related services become clickable chips, linking to their detail cards. This makes the reference feel like a wiki โ€” finding SQS might lead you to SNS and EventBridge through the related links.

The 10 categories

  • Compute: EC2, Lambda, ECS, EKS, Fargate, Elastic Beanstalk, Lightsail, Batch
  • Storage: S3, EBS, EFS, FSx, S3 Glacier, Backup
  • Database: RDS, Aurora, DynamoDB, ElastiCache, Redshift, DocumentDB
  • Networking: VPC, CloudFront, Route 53, API Gateway, Direct Connect, Transit Gateway, ELB
  • Security: IAM, WAF, Shield, GuardDuty, KMS, Secrets Manager, Cognito, CloudTrail
  • Analytics: Athena, Glue, EMR, Kinesis, QuickSight
  • ML: SageMaker, Rekognition, Polly, Lex, Comprehend, Bedrock, Transcribe, Translate
  • DevOps: CloudFormation, CodeBuild, CodeDeploy, CodePipeline, CodeCommit, Cloud9, X-Ray, Systems Manager, Config, Organizations
  • Messaging: SQS, SNS, SES, EventBridge, Step Functions
  • Serverless: Lambda, API Gateway, Step Functions, EventBridge, AppSync, DynamoDB, Amplify

Some services span categories (Lambda is both compute and serverless) โ€” the primary category drives filtering, but search matches either way.

Search across both languages

export function searchServices(query, lang = 'en') {
  const q = query.toLowerCase();
  return SERVICES.filter(svc =>
    svc.abbrev.toLowerCase().includes(q) ||
    svc.name.toLowerCase().includes(q) ||
    svc.description[lang].toLowerCase().includes(q) ||
    svc.useCases[lang].some(uc => uc.toLowerCase().includes(q))
  );
}
Enter fullscreen mode Exit fullscreen mode

Typing "queue" finds SQS. Typing "email" finds SES. Typing "cdn" finds CloudFront. Typing "ใ‚ญใƒฅใƒผ" (queue in Japanese) finds SQS when the UI is in Japanese mode.

Why abbreviations matter

AWS is lived in abbreviations. Nobody says "Elastic Compute Cloud" โ€” they say EC2. Nobody says "Simple Storage Service" โ€” they say S3. The abbreviation is often all you remember. Search must accept both, and the UI should lead with the abbreviation visually.

<div class="service-card">
  <div class="abbrev">EC2</div>
  <div class="name">Amazon Elastic Compute Cloud</div>
  <div class="description">...</div>
</div>
Enter fullscreen mode Exit fullscreen mode

Series milestone

This is entry #70 in my 100+ public portfolio series โ€” 70% of the way there.

Top comments (0)