🗨️ AI-Powered Chat Bot Application

The project aimed to explore and test the capabilities of Famous.AI by building a fully functional, AI-powered chat application from scratch—entirely through conversational prompts. The development workflow was prompt-driven, with the platform iteratively generating, fixing, and enhancing the app based on user input.

Creating a real-time chat application typically involves setting up complex UI structures, authentication systems, backend integrations, and AI APIs. The challenge was to test if Famous.AI could not only scaffold the project but also evolve it into a production-ready, AI-integrated chat experience—all without writing traditional code manually.

The initial prompt—“Can you please create a chat application?”—successfully scaffolded a base UI with message input and dummy AI responses. This served as the foundation of the project.
​

When asked to add authentication, the first attempt led to errors. However, Famous.AI’s quickly resolved them in the very first request and:
​

I then asked famous.ai to integrate a profile tab where the user could modify/update their profile.
​

Upon request, a Profile Tab was created where users could:

Initially, the profile picture and username updates didn’t work properly, but after prompting corrections, Famous.AI fixed the issues and added appropriate fields for better user management.

Initially, the system was only generating placeholder (dummy) text in response to prompts. To move beyond this, I requested Famous.ai to implement an actual AI-powered chatbot.

During the integration process, the platform informed me that an OpenAI API key was required for the chatbot to function properly. I asked whether Famous.ai could use its own key or if I needed to provide one. It prompted me to enter my own API key.

​

After inputting the key, the dummy responses stopped, indicating progress. However, I still encountered functionality issues. I continued working with the tool to debug these problems and confirmed that the API key was being used correctly.
​

Just to verify that the API key was saved correctly, I first went over to my supabase dashboard and selected my project which in this case was chat-application.
​

Then, opened the sidebar and navigated to the edge functions tab.
​

When you open up the Edge Functions tab, you'll see two tabs on the left. One being the functions and other other beings secrets. Now the secrets are where all your potential secret keys also known as the environment variables are stored.
​

I checked whether my secret key/environment variable was listed there. And indeed, the OPENAI_API_KEY was listed over there indicating that it didn't have to do with the variable not being stored correctly.

Hence, the follow up prompt telling famous.ai that we've already got our environment variable stored so that it may check if it's actually using it correctly.
​

After several troubleshooting rounds, I asked it to re-evaluate the implementation. It eventually identified that one of the necessary functions had not been integrated into my Supabase backend. Once this oversight was corrected, the chatbot began functioning as intended.
​

​Key Achievements:

Next, I aimed to replicate ChatGPT's experience by enabling persistent chat sessions with a sidebar that lists all past conversations. The goal was to ensure that:

Initially, there were issues with chat threads not loading properly upon selection. However, after further debugging, Famous.ai resolved the problem. It implemented dynamic session loading and ensured that the correct conversation is rendered seamlessly when selected.
​
I also got it to display the main topic/theme from the user's initial prompt as the title of the chat.
​

​Key Achievements:

One major issue that I noticed later on whilst developing my application was that the context of a chat wasn't getting retained.
​
I asked it to write a poem and then I asked it a couple of questions to check if the context was getting retained.
​

After noticing that the chatbot wasn't retaining conversational context, I prompted Famous.ai to address the issue. Remarkably, with just a single prompt, it implemented the necessary updates to enable proper context retention across messages. Although a build error occurred during the update, Famous.ai quickly identified and resolved it, ensuring a smooth deployment.
​

Post-core development, several refinements were added:

Also, it was scrolling the entire application instead of just the chat box when the a chat got filled up. So I requested it to make it so that the sidebar and the header stays in the view at all times and that it only scrolls inside the chat.
​

This project showcased Famous.AI's strength as a no-code/low-code app builder capable of tackling full-stack complexity with simple prompts. From a blank canvas to a smart, responsive, and personalized chat application, it demonstrated how developers can prototype and build production-ready applications using conversational AI.
​

Famous.AI isn't just a builder—it's a collaborative co-developer.