A full-stack AI chat application built with React, Node.js, Firebase, and Ollama.
- User authentication with Firebase
- Real-time chat interface
- AI responses using locally hosted Gemma 3B model via Ollama
- Chat history storage in Firestore
- Modern UI with Chakra UI
- Node.js 18+ installed
- Ollama installed with Gemma model
- Firebase account and project set up
- npm or yarn package manager
ai-chat-app/
├── client/ # React frontend
│ ├── src/
│ ├── .env
│ └── package.json
└── server/ # Node.js backend
├── src/
├── .env
└── package.json
- Clone the repository
- Set up environment variables:
- Copy
.env.exampleto.envin both client and server directories - Fill in your Firebase and other configuration details
- Copy
cd client
npm install
npm run devcd server
npm install
npm run dev- Install Ollama from https://ollama.ai
- Pull the Gemma model:
ollama pull gemma- Frontend runs on http://localhost:5173
- Backend runs on http://localhost:3000
- Ollama API runs on http://localhost:11434
MIT