The HafeefAI Chatbot App is a web application built using Next.js, TypeScript, and FastAPI. It is designed to interact with users through an AI-powered chatbot, providing engaging and informative responses. The frontend is powered by Next.js and TypeScript, while the backend uses FastAPI to handle API calls and data processing.
I have always been fascinated by AI agents and wanted to explore how they work, which inspired me to create this chatbot app. It was an incredible learning experience to understand what's involved in building an AI-driven application, especially when integrating technologies like Anthropic's API. I also wanted to deepen my backend development skills and ended up learning a lot about Python and FastAPI throughout this project.
- Frontend: Next.js, TypeScript, React
- Backend: FastAPI, Python
- AI-powered chatbot interactions
- Dynamic and responsive UI
- Efficient API integration with FastAPI
- Clone the repository
git clone https://github.com/hafeefas/ai-chatbot-next.git- Navigate to frontend and install dependencies
cd frontend
npm install- Run the frontend
npm run dev- Navigate to backend and set up the virtual environment
cd backend
python -m venv env
source env/bin/activate # On Windows use: .\env\Scripts\activate- Install backend dependencies
pip install -r requirements.txt- Run the backend
python -m fastapi dev main.py- Open the app at
http://localhost:3000
Feel free to submit issues or pull requests for new features and improvements.
This project is licensed under the MIT License.