Building an Event Resources Website with AWS CDK and Amazon Q Developer CLI
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.
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.
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
- Install dependencies:
1
pip install -r requirements.txt- Configure AWS credentials:
1
aws configure- Bootstrap CDK (first-time setup only):
1
cdk bootstrapš Customization
Event Configuration
Edit
web-site/event_config.json with your event details:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{
"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:
1
2
cd web-site
python3 customize_event.pyš Deployment
- Deploy the stack:
1
cdk deploy- Get your website URL:
The CloudFront URL appears in the output after deployment.
š Updating for New Events
- Update
event_config.jsonwith new event details - Run
python3 customize_event.py - 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.
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Ā !
Enjoyed reading this content? Let the author know!
Your likes, comments, shares, and saves help creators reach more builders.
Loading recommendations
Loading article