A modern, interactive chat application built with Next.js and FastAPI, powered by Groq's LLM API.
![Chat Interface Preview] (You can add a screenshot of your application here)
- 💬 Real-time chat interface with message bubbles
- 🎨 Modern and responsive design
- 🌓 Dark mode support
- ⚡ Fast responses powered by Groq's LLM
- 🔄 Message history tracking
- 📱 Mobile-friendly interface
- Next.js 14 - React framework
- TailwindCSS - Styling
- TypeScript - Type safety
- Geist Font - Modern typography
- FastAPI - Python web framework
- Groq - LLM API provider
- Python 3.x - Backend language
- uvicorn - ASGI server
- Node.js 18+
- Python 3.x
- Groq API key
- Clone the repository:
git clone <your-repo-url>
cd chatbot-practise- Backend setup:
cd backend
python -m venv venv
source venv/bin/activate # On Windows: venv\Scripts\activate
pip install -r requirements.txt- Create a
.envfile in the backend directory:
GROQ_API_KEY=your_groq_api_key_here- Frontend setup:
cd frontend
npm install- Start the backend server:
cd backend
uvicorn main:app --reloadThe API will be available at http://localhost:8000
- In a new terminal, start the frontend development server:
cd frontend
npm run devOpen http://localhost:3000 to view the application.
This is a Next.js project bootstrapped with create-next-app.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.