33 - Cuesly.io | Devpost

Chrome extension's login view
Chrome extension's welcome view
Chrome extension's chat interface

Inspiration

Cuesly.io was inspired by the frustration of navigating complex web platforms.

What it does

Cuesly.io is an AI-powered interactive guidance assistant that helps users navigate and complete tasks on various web platforms. For the purposes of the hackathon, the scope of the project was limited to integrating with AWS (Amazon Web Services). Cuesly.io operates as a Chrome extension that integrates directly with AWS web interfaces, providing contextual assistance and step-by-step guidance to users as they work. The platform uses real-time AI assistance to simplify complex workflows and make AWS more accessible to users of varying experience levels.

How we built it

Cuesly.io was built using a multi-component architecture:

Chrome Extension: Developed with Angular, this component injects into AWS web pages to provide interactive guidance. It includes content scripts that interact with the page DOM, background scripts for handling extension events, and a user interface for displaying guidance.
Spring Boot Backend: A Java-based RESTful API that handles the core business logic, AI processing, and data persistence. The backend is structured with controllers, services, repositories, and models following standard Spring architecture patterns.
Angular Frontend: A separate web application for user account management and settings.
Infrastructure: Containerized deployment using Docker with Kubernetes (EKS) for scalability and reliability.
Authentication: OAuth2 integration for secure user authentication via Google.

Challenges we ran into

Creating a robust content script that can accurately identify page elements and user actions across different AWS services.
Managing state across different browser contexts (content scripts, background scripts, and extension popup).

Accomplishments that we're proud of

Built a functional Chrome extension that provides contextual guidance within AWS.
Created a seamless user experience that makes AWS more accessible to users.

What we learned

Chrome extension development best practices, including content script injection and cross-context communication.
Spring Boot API development for AI-powered applications.
Real-time user assistance techniques and contextual guidance implementation.

What's next for Cuesly.io

Expand support to additional cloud platforms beyond AWS (such as Azure, GCP).
Enhance AI capabilities to provide more personalized guidance based on user experience level.
Integrate with other developer tools and platforms to create a more comprehensive assistance ecosystem.

Try It Out

Visit https://d1de9tj5rw7klj.cloudfront.net/ for installation instructions.
Visit https://aws.amazon.com/console/
Load Cuesly.io chrome extension.
SignIn using the credentials "username: user@email.com & password: password".
Enjoy the experience!!

Built With

Submitted to

Intellibus Hackathon 2025

Created by

For the project I was the primary backend-developer on my team. I ensured that the endpoints worked as intend, fetched and clean the data retrieved from the AI API we interacted with so the frontend could received the expected output format from the endpoint. I must admit that even though this was my frist ever time coding using the Spring Boot framework I was pleasantly surprised at how easy it was to get a hang of. It came with its challenges, but for the most part those were overcame.

jantae Leckie
I architected and built the entire Cuesly.io Chrome extension from scratch, developing a complex Angular-based system that seamlessly integrates with AWS interfaces to provide real-time, AI-powered guidance to users.

I implemented critical components including content scripts that manipulate the DOM, background services for state management, secure API communication with our Spring backend, and a responsive user interface that delivers contextual assistance directly within AWS.

The extension serves as the cornerstone of our platform, making AWS navigation more intuitive and accessible while handling the technical challenges of working with AWS's complex and frequently changing web interfaces.

Paul Smith
I enjoy solving real-world problems by building efficient and intuitive solutions.
I setup the whole infrastructure using terraform. The services that i deployed were EKS, ECR, RDS and s3 bucket. It was my first time working with EKS. It was quite challenging but i like it. I also Did some work on the backend using spring boot. And finally i setup the CI/CD pipelines for the whole project.

Shemar Edwards
I worked as the UI/UX developer, where I was responsible for designing and refining the user interface and overall user experience. Using tools like Figma, Canva, and Adobe Illustrator, I created clean, intuitive layouts that aligned with the brand’s vision. I focused on usability, consistency, and visual appeal to ensure a seamless user journey from start to finish.

Ykjavii whyte
I worked as the front-end dev responsible for turning the figma design into a web page.

I also set up the CI/CD pipeline to push the compiled landing page to a S3 bucket which is tied to a cloudfront distribution.

David D.

Updates

jantae Leckie started this project — Mar 15, 2025 12:59 PM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.