R.AI

Went ahead and fixed the cursor issues, I also added a part in the code where I can control how long it takes for the cursor to expand to the button size.

After multiple hours of learning and training. YA BOY GOT IT!

holy trial and error. this actually took so long.

Uh btw if ur a reviewer reading this… just try to keep the resume under 6000 tokens cus im broke as frick and dont have money to buy an api key… SOOO UHHH yea

HOL ON NOW WE MIGHT’VE JUST FOUND THE ISSSUEEEE!
The “Missing API Key” error is occurring because the ESM module system in the browser (used by index.tsx) does not automatically have access to a process global unless it is explicitly attached to the window object and referenced that way. While the shim was present, the build process on Vercel sometimes treats process.env as a static replacement target, which can lead to it being “undefined” at runtime if not handled correctly.

so uh yea… i got no clue how Im gonna get started on fixing this but hey I mean at least we know the issue now

I went thru and updated my api to a hackclub ai api key and yet it still isn’t working, I’m still trying to fix this issue and bud in the code. I’m new to this so learning this from scratch is pretttyyy tough.

But atleast the home page looks gas!

So working on the issue, I lowkey locked in for a bit n then it just stopped working… I have no clue how to get this to work. I’ve added the api key to my backend and my front end, pulling it from both ends but it still doesn’t work, I’m completley lost. If anyone knows how to do this then PLEASE reach out to me.

I tried to fix the AI issue, what i learned is that the API key is being hidden by vercel, and when I tried making it public it didn’t let me. I have no clue how to fix this issue, I’m completely stuck. I don’t think I can fix it, I googled a whole bunch of solutions but nothing was specific to this. If anyone has any idea, please hit me up!

in my other project folder, I merged these two projects together, so now when you open up R.AI, sign in, create your own AI then you can take a custom generated link and put it on your linkedIn or on whatever you want. For example: https://rai-builder.vercel.app/soumya-p-mishra-enterprise-leader

I also HAD to add a dark mode.

Got the AI end to work, I added a whole bunch of cool new features like a reactbits cursor and etc. I created a sign in page, a forgot password button, updated backend on supabase, I’m having trouble for vercel to allow me to let others use my api key so the AI doesn’t work on the deployed site which is an issue for review… and thats another reason I should make this a paid website, maybe like $5 per month to keep it running. Not too sure, im open to any suggestions though. Other than that the website is done! I’m fully done on front end and backend. Just need to add a paywall later on and thats it!

Finished the full home page, as I started to model the main AI framework, doing a lot of testing and etc on the AI framework right now. Below is an example of how it would look, I’m using my dads real resume. I also plan on adding a paywall because it costs money for the AI’s API

Got the live preview to work - its just a quick preview of what r.ai is and how it looks like

The Home Page is a professional storefront, designed with a “Bento-grid” aesthetic and glassmorphism. It uses a Live Preview Simulator to show recruiters exactly how they’ll interact with your digital twin before you even upload a file.
The Backend is a hybrid architecture: Supabase acts as your secure cloud vault (handling Auth and SQL storage), while Gemini 3 Pro serves as the “Cognitive Engine.” When you upload a resume, the backend doesn’t just store text; it performs a Neural Synthesis to map your career achievements into a high-dimensional persona.
This is the basis of Resume AI and it’ll only build from here.