The Esports at UCF (EUCF) website was developed during a fast-paced 12-hour hackathon. Serving as my introduction to web development, this project challenged me to rapidly learn and deploy a responsive application using Next.js and Tailwind CSS under strict time constraints.
My primary contribution was engineering a custom, interactive AI chatbot to handle user queries regarding club operations and events.
Google Gemini API Integration
I integrated the Google Gemini API to power the site's conversational agent. To ensure the bot provided accurate, context-aware responses rather than generic data, I engineered a system prompt loaded with specific club information, event schedules, and organizational details.
Chat History Summarization
To enhance the overall user experience and improve readability, I implemented a dynamic summarization feature. This allows users to press a button and instantly condense long chat histories, making it easier to review the bot's previous responses in a concise, easily digestible format.
Front-End Layout & Styling
Working alongside my team, I helped architect the general layout and visual aesthetic of the site. We utilized Tailwind CSS within the Next.js framework to build a clean, modern, and highly responsive user interface that aligns with the collegiate esports brand.
