AI-assisted coding interview preparation with AWS Amplify Gen 2, React and Bedrock
Tags: devchallenge, awschallenge, amplify, fullstack
Published: 2024-05-26 23:52:19

*This is a submission for the [The AWS Amplify Fullstack TypeScript Challenge ](https://dev.to/challenges/awschallenge)*

## What I Built
I have built a next-generation platform that enhances the coding practice experience by integrating AI-powered assistance. The platform allows users to tackle coding challenges across a wide variety of topics and difficulties. The platform isn't just about solving problems.

## Demo
[Live Deployment](https://main.d24ov5ps4lrbcv.amplifyapp.com/)
<!-- Share a link to your deployed solution on Amplify Hosting, and include some screenshots here. -->

### Onboarding / Authentication
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m3kgd3th621mz72rg6gp.png)

### Home / New Challenge
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tev1cwobjyq4yv2ouwde.png)

### Run the solution
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z5inksvx43tqerziizal.png)

### submit & Evaluate
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lw4217obu0655bm7sn9q.png)

### Profile Page

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w9pvow9xvc8g3u4fpc82.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5eiy9nqdhw8evfnqrlji.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k2dyh6udpb56ntzj4b6l.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qiafw9ors85duhmy567k.png)

## Journey
<!-- Tell us about your process, the services you incorporated, what you learned, anything you are particularly proud of, what you hop to do next, etc. . -->
Building a coding platform was both challenging and enlightening. I utilized several AWS services, including Amplify Hosting for deployment, Cognito for authentication, Lambda for server logic, Amazon Bedrock for AI integration, and DynamoDB for storing user data and challenge details.

For code execution and testing, I used another third-party solution called [Judge0](https://github.com/judge0/judge0) which is an open-source service.

**Connected Components and/or Feature Full**
AWS Amplify Gen 2 has made building a complicated app from scratch a breeze. I used several features of Amplify Gen 2 and combined them with Amazon Bedrock to build this platform.

Data: The entire data layer is abstracted using AWS AppSync and DynamoDB provided by the Data feature. I also use Lambda functions to customize and insert data.

UI & Authentication: Amplify Auth with Cognito was used for the authentication feature. Most of the functionalities were implemented using the Authenticator component and lambda triggers. Rest of the app was built using Amplify UI.

Lambda Functions: Most of the business logic lives on three different lambda functions. All are connected to Amazon Bedrock for generative AI integration.

<!-- Let us know if you developed UI using Amplify connected components for UX patterns, and/or if your project includes all four features: data, authentication, serverless functions, and file storage. -->

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->

<!-- Don't forget to add a cover image (if you want). -->


<!-- Thanks for participating! -->