RoastBot

API Code
Page Rendering Logic
Background Image and Thumbnail (credit: teammate Ayesha)

Inspiration

Inspired by social platforms like Reddit and TikTok comments, RoastBot's purpose is to bring a humorous, witty humorous twist to online interactions.

What it does

A chatbot that responds with witty, humorous messages to anything you send in the chat. The messages are dynamic and contextualized to each message from the user. Messages are created by an LLM that is accessed through the Cerebras API for high-speed information exchange and impression of a "witty" chatbot.

How we built it

Frontend

Next.js: Framework for React-based applications, enabling server-side rendering and static site generation.
React: A powerful JavaScript library for building interactive user interfaces.
Tailwind CSS: Utility-first CSS framework for fast and responsive UI styling.

Backend

Next.js Server (NextServer): Simplifies the creation of server-side logic and APIs within the Next.js ecosystem.
AI (Cerebras): AI-powered API for generating witty, context-aware responses. Firebase: Simplifies basic backend operations like login and database solutions

Deployment:

Vercel: Fast, reliable hosting platform for seamless deployment and scaling.

Challenges we ran into

Implementing chat history storage
Making a visually appealing and user friendly UI
Converting text to voice
Collaborating on project features due to location/timezone differences

Accomplishments that we're proud of

User Interface and graphic design
Effective communication as a team on features, progress checks, and providing feedback on commits
Each person displaying end-to-end ownership of features they worked on, including integration with final project

What we learned

Effective conflict resolution, both as a team and with "git merge"
Best practices for designing UI and why there is a process to the chaos
How to leverage APIs to elevate user interaction with the app

What's next for RoastBot

Continue development to add text-to-speech for the bot and integrate speech-to-speech interface for speech conversations
Improve the user interface to allow for image uploads, add animations and contrast to create a more immersive user experience

Built With

cerebras
next.js
nextserver
react
tailwind
vercel

Submitted to

brainrot jia.seed hackathon ($5,772) in prizes
- Winner (TPIA) this project is awesome

Created by

I worked on the frontend by building UI custom components and providing CI/CD to simplify app deployment. I also helped with integrating Cerebras chatting to create seamless UX.

Parikshit Sood
I worked on the front-end by adding login and signup and making the UI. I used firebase for auth and saving chat history

Ayesha Ali
I contributed to the backend development of Roast Bot by implementing efficient and scalable server-side logic using Next.js API Routes and Node.js. I integrated Cerebras into the application’s architecture, enabling ultra-fast AI response generation for seamless user interactions. My work included optimizing API endpoints to handle real-time processing and maintaining low-latency performance, ensuring users receive witty and context-aware responses instantly.

Rakesh Puppala