jainiresh/ai-solvethecase-client

This is a submission for the Nylas Challenge: AI Expedition, and Galaxy Brain

What I Built and Why

This is a full fledged crime investigation scenario simulation game, mocking a real life crime investigation, using AI and Nylas api's to give you a simulation of a real investigation scenario.

Haven't each and everyone, dreamt about investigating and finding clues, leading to the ground breaking discovery of the villains/culprits, like the ones they show in the movies.

well, this one is a complete crime solver, leveraging AI to give yout the exact simulation you need, along with the frontend magic that make you feel you are investigaing a real crime scene.

Demo

Live Deployed version : https://ai-solvethecase-clientside.onrender.com/

Code

Our client : https://github.com/jainiresh/AI-SolveTheCase-Client Our server : https://github.com/jainiresh/AI-SolveTheCase

{% embed https://github.com/jainiresh/AI-SolveTheCase-Client %} {% embed https://github.com/jainiresh/AI-SolveTheCase %}

Feature Workflows

Since this is a crime investigating simulation game, we used Nylas API and an AI agent to form a thread of emails, for each case, which has the content of the crime story, context, input or the investigation , along with a descriptive image of the crime.

Each of the case that you newly open, a new thread is opened for the current user, and is maintained throughout untill the case gets solved.

There are a lot of features implemented here, which will be discussed below.

Here is a sample workflow,

• Sign in to your account :

• Make sure you provide access to your account, and proceed.

• Read the INSTRUCTIONS carefully, to start playing the game.

• You can choose to enter your own input, or click to copy the AI generated one, and paste it.

• Now you will be redirected to the main Rules and Engagements page, which you have to look carefully and understand the game, about how to play it.

• Upon closing the previous dialog, you will be presented with the actual AI created story context, with help of your input as below.

• Additionally, for portable view and summarized view, you would also be receiving the case details in your inbox , that has a well formatted structure, like :

• You can start investigating about the people you met, referring the sample suggestions, in the investigation input

• This is how you would receive the response, of your investigation. A well written response, along with a safe image generated, that matches with the response.

• You would also receive each investigation of yours, in your email as well, as a snigle thread of emails per case.

• Similarly, you can perform any number of investigations as you please, and you would have a neatly arranged investigation panel, with all of them at your ease of access

• Your email inbox thread would look like this :

• Feeling fun, or difficult to solve it yourselves ? You can choose to invite your friends, using the button

All your investigations will be shared with your friend's email as well, and he can read your investigations from the email itself as well, or he can choose to login to the game with his invited email to investigate more by himself.

• The case gets solved / closed, if atleast one player per case submits an answer.

Close the final dialog box, to exit the case and start a new one.

Feature overview

• User can start with just their SSO email address with Nylas hosted authentication.
• User can input their own custom day's experience, or opt to choose an AI generated one.
• Users receive awesome text images, in response to the investigations, and the story.
• Users can choose to view their friends, to invite to the game.
• Invited friends, and Uninivited friends are segregated in the UI
• Investigations performed, upto the point of inviting will be shared the invited friend.
• The UI shows only the investigation made by the current logged in user.
• The email thread of a particular case shows the investigations made by all the people who are invited to that case.
• You can revisit the rules, story context, or the day input whenever you please.

Nylas and AI Role in the project

###NYLAS products

Nylas EMAIL API has been utilized to send email investigations, story contexts to the players. (https://github.com/jainiresh/AI-SolveTheCase/blob/master/service/nylasService.js)

Nylas CONTACTS API has been utilized as a means to share the case with your contacts/friends. (https://github.com/jainiresh/AI-SolveTheCase/blob/master/routes/contactRouter.js)

Nylas Hosted Authentication is used to authenticate users, fetch their grantIDS and email and other information about them.

###AI products

• gemini-1.5-flash , for story and investigation text generation.
• @cf/stabilityai/stable-diffusion-xl-base-1.0, for image generation.