Building an Event Resources Website with AWS CDK and Amazon Q Developer CLI

Building an Event Resources Website with AWS CDK and Amazon Q Developer CLI

๐Ÿ‡ป๐Ÿ‡ช๐Ÿ‡จ๐Ÿ‡ฑ Dev.to Linkedin GitHub Twitter Instagram Youtube Linktr

Building an Event Resources Website with AWS CDK and Amazon Q Developer CLI

Have you ever needed to quickly share resources with event attendees but didnโ€™t want to deal with the complexity of setting up a full web server? I created a solution using Amazon Q Developer CLI.

Event Resources Website

The Event Resources Website project help me solve common event management challenges. This customizable static website runs on Amazon S3 and Amazon CloudFront, providing a professional platform to share event resources with attendees.

Image description

Image description

What Makes This Special?

This project combines simplicity with effectiveness. Built with AWS Cloud Development Kit (AWS CDK) and Python, it creates a static website thatโ€™s both cost-effective and highly performant. The best part? It runs under the AWS Free Tier, making it accessible for organizers with any budget.

๐Ÿ’ฐ For detailed pricing information:

Key Features That Stand Out

๐ŸŽจ Customizable Design

The website uses JSON configuration for easy customization, so you can update content without modifying the code.

โšก Lightning-Fast Performance

With CloudFront CDN distribution, your attendees get fast loading times regardless of their location. The architecture leverages Amazon S3 for storage and CloudFront for global content delivery.

๐Ÿ”’ Security by Default

The project includes secure S3 bucket configuration and HTTPS by default, ensuring your event data is protected.

๐Ÿ› ๏ธ Setup

  1. Install dependencies:
pip install -r requirements.txt
  1. Configure AWS credentials:
aws configure
  1. Bootstrap CDK (first-time setup only):
cdk bootstrap

๐Ÿ“ Customization

Event Configuration

Edit web-site/event_config.json with your event details:

{
  "event_name": "Your Event Name",
  "date": "Event Date",
  "city": "Event City",
  "credits_url": "https://forms.gle/your-credits-survey",
  "survey_url": "https://forms.gle/your-feedback-survey",
  "demo_url": "https://github.com/your-username/your-demo",
  "deck_pdf": "your-presentation.pdf",
  "linkedin_profile_image": "https://your-profile-image-url",
  "social_links": {
    "linkedin": "https://linkedin.com/in/your-profile",
    "twitter": "https://twitter.com/your-username",
    "github": "https://github.com/your-username",
    "youtube": "https://youtube.com/@your-channel",
    "instagram": "https://instagram.com/your-username"
  }
}

Apply Customization

After editing the configuration:

cd web-site
python3 customize_event.py

๐Ÿš€ Deployment

  1. Deploy the stack:
cdk deploy
  1. Get your website URL: The CloudFront URL appears in the output after deployment.

๐Ÿ”„ Updating for New Events

  1. Update event_config.json with new event details
  2. Run python3 customize_event.py
  3. Deploy changes: cdk deploy

๐Ÿ“ฑ Additional Tools

The project even includes a QR code generator built with Jupyter Notebook, making it easy to share your website URL at physical events.

Image description

Donโ€™t like the default design? No problem! You can use Amazon Q Developer CLI to modify the websiteโ€™s styling and layout through simple natural language commands. Just ask it to โ€œupdate the CSS to use a dark themeโ€ or โ€œchange the layout to a three-column design,โ€ and it will help you implement those changes quickly and efficiently.

Access Amazon Q Developer CLI Free Tier Before customizing your website, youโ€™ll need access to Amazon Q Developer CLI through your AWS Builder ID. AWS Builder ID is a free personal profile that provides access to Amazon Q Developer, Amazon CodeCatalyst, and AWS Training and Certification resources.

Create your AWS Builder ID at no cost by visiting the AWS Builder ID. This personal profile remains with you throughout your career and is independent from any existing AWS accounts you may have. With your Builder ID, you can access Amazon Q Developerโ€™s free tier, which includes generous usage limits for code generation and natural language commands.

Conclusion

Whether youโ€™re organizing a tech meetup, conference, or workshop, this project provides a solid foundation for sharing resources with your attendees.

Ready to try it yourself? Check out the repository!


๐Ÿ‡ป๐Ÿ‡ช๐Ÿ‡จ๐Ÿ‡ฑ Dev.to Linkedin GitHub Twitter Instagram Youtube Linktr