FeelBot

• 

  this is the frontend of the webapp i made

Inspiration i was inspired by the growing curiosity around AI vs Human intelligence. while AI has advanced rapidly, we wanted to create a space where people can see how AI answer the same question compared to humans not just for fun, but also to explore empathy, tone, and creativity differences. and i make this app like this that you can make changes in the behaviour of this.

What it does FeelBot lets users: 1, Ask any question in AI Mode. 2, Get an AI-generated response using Groq's cutting-edge LLaMA model. 3, switch to human Mode and provide your own response. 4, Compare both responses using. Word count Sentiment analysis (positive/negative tone) Response length

How i built it Frontend: Next.js 15 + tailwindCSS for styling Backend: Next.js API routes to process AI requests and perform comparisons. AI Model:Groq API using LLaMA 3(70B) for fast and natural responses. Features: Custom prompt Engineering for warm, empathetic AI responses. Real-time Comparisons with sentiment scoring and metrics. State Management via React hooks (useState, useEffect, useRef). Deployment: Vercel for serverless, production-ready hosting.

Challenges we ran into Model Deprecation: The initial AI model (mixtral-8x7b) was deprecated mid-development, forcing us to adapt to LLaMA 3. State Sync Issues: Managing history and comparison state without breaking the UI. Prompt Tuning: Making AI responses truly friendly, energetic, and emotional required several iterations. Turbopack & Hot Reloading Errors during Next.js development.

Accomplishments that we're proud of Built a fully functional AI vs Human comparison tool in record time. Designed an empathetic and emotionally intelligent AI personality through prompt engineering. Implemented real-time response analysis (word count, sentiment, length). Created a clean and modern UI with dark mode support.

What we learned How to integrate Groq API and work with modern LLaMA models. Advanced prompt engineering for tone control and personality design. Effective state management in React for multi-step workflows. Handling real-time API errors gracefully. The importance of user experience in AI apps.

What's next for FeelBot Voice input & speech output for a more natural experience. backend development (authentication)

Built With

• api
• groqapi
• nextjs
• react
• tailwindcss