An AI-powered chatbot built with Next.js and TypeScript, designed to simulate a virtual banking assistant experience. This project showcases a modern, responsive interface with conversational capabilities using Groq’s large language model API.
- Next.js 15 – React framework for full-stack applications
- TypeScript – Type-safe JavaScript for better development experience
- Tailwind CSS – Utility-first CSS framework for responsive styling
- Lucide Icons – Open-source icon library
- Groq API – AI backend powering the assistant
- React Hooks – State and lifecycle management
- Conversational chat interface with assistant/user roles
- Suggested banking-related questions
- Help popup detailing assistant capabilities
- Smooth auto-scroll and input focus
- Error handling and AI fallback message
- Responsive, mobile-friendly design
- npm install
- Create a .env.local file
- Type: GROQ_API_KEY=your_groq_api_key (Get your own api key from GROQ and replace the words after the equal sign with it)
Created by Alishan Naqvi – for educational use only. Not affiliated with RBC.