← Back to Home

TK CHAT

ReactTypeScriptGSAPPythonFastAPISQLiteOpenAI APIGPT

TK CHAT is an AI-powered chat widget designed to be easily integrated into websites. It enables user interaction with an AI assistant. The widget offers customization options, allowing it to be tailored to meet the unique needs of different websites and adapt to various screen sizes.

I built the frontend with React and TypeScript. TK CHAT features a responsive design with smooth animations implemented with GSAP. It provides session persistence across page refreshes, along with feedback submission for continuous improvement.

The backend is built with FastAPI and OpenAI's API. Here I used SQLite for data storage and I follow the RESTful API design. It also employs session management, rate limiting, and secure CORS handling to offer both functionality and security.

This project represents my approach to implement an AI enhanced chat functionality. I tried to use advanced frontend and backend technologies to create a smooth user experience. As I continue to implement TK CHAT on websites and expand its functionality, I plan to update this project with new (optional) features and improvements from time to time.

This implementation serves as a starting block for any AI chat functionality on websites. It is easily customizable and can be expanded to include additional features, such as website navigation by asking the AI assistant for help. An Example of this can be on this website, and a description can be found in the 'Portfolio Website' project.

GitHub Check out the project on GitHub

Feel free to test the tool on this website:

Project content

Example Video of TK CHAT in Action

This site offers the TK Chat feature, which allows you to interact with an AI system. If you choose to use this feature, it will store conversation data, session IDs, and other relevant information. While the AI is designed to provide helpful responses, I cannot fully control its output.