Activity

shouryamishra011

I have added another feature where lets say you’re wanting to buy some shoes or something, the ai can help you decide what shoes and then within the app you can add that, its like a grocery list but its like you don’t need to really do much other than talk to the AI.
I also had to blur out some stuff cus of like adresses being on there, hit me up if u have any good suggestions on what else I should add.

Attachment
Attachment
Attachment
0
shouryamishra011

SplitIt AI is now in the works!
Its a AI website that reads your reciepts and manages them for you, it works in such a way so that if you’re splitting the bill with someone, then this person pays for this, this person pays for this and this person pays for this and we all pay for this, it assigns everyone to that group payment and individual ones and tells you how much everyone owes. I’m building this app because me and my friends really need it… anyways check out the model reciept, logo and the basic frontend as of now!

Attachment
Attachment
Attachment
0
shouryamishra011

Shipped this project!

Hours: 27.31
Cookies: 🍪 477
Multiplier: 17.45 cookies/hr

I built a website for users who struggle with remembering their tasks and have a lot of stress on them. This app helps those users to get over that stress through breathing exercises, an AI that you can train and personalize to your needs, and as well as daily affirmations. ClearMind isn’t just a regular mental health website, it’s a website that learns about you, so that when you speak to it, it doesn’t come back with no emotion but rather with all the emotion it can.

shouryamishra011

The app is done! I got all of the features to work, I think there might be a couple bugs but Idk… i need feedback for that… but yeah, the app is done!

Meet ClearMind.

Attachment
0
shouryamishra011

I got a whole bunch of the AI features to work, I’m gonna call it a day here. I think I should be done with this project tommorow!

Attachment
0
shouryamishra011

I got the all the pages and functions done! The overall structure is done, I finished most of the features, now time for the AI features.

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
shouryamishra011

Yo im ngl i lowkey reached flowstate in coding and got the AI sorting algorithm to work…
Basically what it does, it uses hackclub ai as the API running on gemini and it sends the info to the AI and the AI sorts it into like important, not important or medium and then allows the user to review it, then the user can talk about the task to what I call, MindAI, hence the name ClearMind. Theres a lot more features that I plan on adding like a breathing technique, personalization, etc.

Attachment
0
shouryamishra011

Home page is done! Getting the features of it ready, along with a sign in page maybe.

Attachment
0
shouryamishra011

Shipped this project!

Hours: 6.98
Cookies: 🍪 79
Multiplier: 11.39 cookies/hr

I added a shop feature where users get 10 coins for every level they complete, I also added more in depth level generation. The way it works now is a procedural approach to create infinite variations of sectors that are guaranteed to be playable. The game uses a Seed-based Random Function. It takes the Level ID and converts it into a predictable sequence of numbers. This was super hard to learn and it took me like 3 days to get it down, I learned all the math behind it as well.

shouryamishra011

I have added a shop feature. Users also now get 10 coins for every level they complete, in the shop user can buy skins. I also will add in the next update a powerup feature. I also made level generation much more smarter and added a better colliding algorithm to it.

Attachment
Attachment
Attachment
0
shouryamishra011

Shipped this project!

Hours: 7.39
Cookies: 🍪 44
Multiplier: 5.91 cookies/hr

I learned how to build a fully local saving, high performance physics game from the ground up. I learned how to use Matter.js and the Web Audio API into a momentum driven swinging platformer with no external services. I learned how to complete a level editing workflow, implementing procedural generation, encoding sharable levels directly into URLs, and managed it all in the users browser. I also deepened my understanding of physics constraints, custom audio synthesis, UI/UX for game tools, and how to create a zero api system that still feels super smooth and reliable.

shouryamishra011

I decided it would be best to give everyone access to creating their own levels. So I added a create your own level feature, where users can save those levels locally using browser cache and I also worked on the physics based movement; making it smoother. I have created 10 levels, users can create their own levels by either manually doing it or hitting auto generate. I also removed the coins and skins feature as I thought that I should focus on getting the game out there for now, and I’ll take feedback as I get it and if people want skins and coins and power up features, then I’ll add it. The image below is an image of how it looks, I’m basically done the game now. Time to submit!

Attachment
0
shouryamishra011

Got 10 levels developed! The game is basically done now, I plan on adding a creator access so creators with the password can make their own levels.

Attachment
0
shouryamishra011

Added the level generation and overall game concepts. Its basically done.
The level generation in Orbital Swing uses a procedural deterministic system.
Seeding: Every level ID (e.g., Level 3) acts as a “seed.” Because the randomness is tied to this ID, Level 3 will always have the exact same layout for every player, but it will be different from Level 4.
Iterative Placement: The generator walks along the X-axis (the length of the level). Every few hundred pixels, it places a Hook Point.
Path Logic: It calculates the height (Y-axis) of the next hook based on the previous one to ensure the level is actually “swingable” and doesn’t just put hooks in impossible locations.
Hazards & Loot: Between these hooks, the game “rolls dice” (using pseudo-random numbers) to decide if it should spawn a coin, a bouncer, or a hazard. As the level ID increases, the probability of hazards appearing increases, and the gap between hooks becomes more varied.

Attachment
0
shouryamishra011

Got the home page down, working on level generation now.

Attachment
0
shouryamishra011

Shipped this project!

Hours: 5.55
Cookies: 🍪 38
Multiplier: 6.84 cookies/hr

Learned how to fix my AI not responding, I learned how to optimize pages so that they can load on slower end computers as well.

shouryamishra011

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.

Attachment
0
shouryamishra011

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

Attachment
0
shouryamishra011

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

Attachment
0
shouryamishra011

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!

Attachment
0
shouryamishra011

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.

Attachment
0
shouryamishra011

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!

Attachment
0
shouryamishra011

Shipped this project!

Hours: 15.03
Cookies: 🍪 350
Multiplier: 23.31 cookies/hr

This isn’t just a resume parser, I’ve positioned it as a persona synthesis engine. The core differentiator is the a of a chat based professional identity that recruiters can interact with. Its built around a 3 step pipeline where users have to upload, then synthesize and then deploy. I learned how to prompt AI, I learned how to use supabase for backend I learned how to optimize the page to work alongside any device. I learned how to create a sharable link for a better growth tactic, I also learned how to do privacy, so that all the users data is protected!

shouryamishra011

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.

Attachment
0
shouryamishra011

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!

Attachment
0
shouryamishra011

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

Attachment
0
shouryamishra011

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

Attachment
0
shouryamishra011

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.

Attachment
Attachment
0
shouryamishra011

Shipped this project!

Hours: 11.4
Cookies: 🍪 293
Multiplier: 25.71 cookies/hr

I’ve developed a modern, high end engineering portfolio for me that blends the industrial aesthetics with modern UI. This project is built using react, framer motion,, and GSAP, featuring a blueprint theme that I added, a tech stack for what I know, a chrono track timeline, a sub system arsenal, and obviously I had to make the cursor a little special. It’s basically just a portfolio that I made for me!

shouryamishra011

Finished the website!
Added the portfolio page, and a email section.

Attachment
Attachment
Attachment
0
shouryamishra011

I added a journey log with an animation on the line, this took me a while trying to get the thing to resize for phones without squishing itself, but in the end it worked out!

Attachment
0
shouryamishra011

I added a “technical arsenal” showcasing my tech skills. Used React, Tailwind CSS, Framer Motion, GSAP. Took me a while to get the sizing right and the cursor to expand onto the following widgets but I got it

Attachment
2

Comments

D-Pod
D-Pod 2 months ago

looks awesome!

shouryamishra011
shouryamishra011 about 2 months ago

Thank you @D-Pod!

shouryamishra011

Got all the cards done! I also added some background particles, animations, and some other stuff like resizing to the users screen size.

Attachment
0
shouryamishra011

Working on adding “cards” to the home page, when the user clicks on it, it’ll take them to my page.
I’m gonna do this for my linkedin and insta as well.

Attachment
0
shouryamishra011

Using reactbits.dev i added a minimalistic animation to my name on the home page that when you hover over it, it expands. It took me a while to figure out how to translate the language from typescript to javascript but I got it, and then I also had to optimize it a lot because it was very laggy. It would constantly check where the users mouse is making it super laggy but once I optimized it to check per frame, it worked much better!

Attachment
0
shouryamishra011

Created a home page and added a parralax animation to that, took me a while to learn how to do that! Now im working on making a keyboard that basically comes together and then the keys are like interactive so if I click on them then one of them will take me to my github, linked in, etc. Things like that. I want it to showcase my skills obviously. I am gonna animate this keyboard (pic 2) so that it builds itself on screen.

Attachment
Attachment
0
shouryamishra011

Got a sweet animation for the homepage done! They keyboard animation is giving me a LOT of trouble, I’m using react bits to learn some of the code needed for this

Attachment
0
shouryamishra011

Working on the error from yesterday, I think something is wrong with my postcss.config.js file! I have no clue what the error is but I know I’ll fix it eventually…

Attachment
0
shouryamishra011

I’m still working on getting the page set because right now i have just added some filler text and I see that the animations work but the page is broken.

Attachment
0
shouryamishra011

Solving a whole bunch of error that I got from linking the UI pieces together. The front end of this will be running thru react, there really is no backend so I don’t have to worry much about that at all.

I got a whole bunch of errors that I went thru and fixed and now the page is running but the page looks broken so I’m fixing that now.

Attachment
Attachment
0
shouryamishra011

I’ve started to create my own personal website, im currently working on adding UI features as I want it to look good. Working on getting a nice user friendly interface rn!

Attachment
0