Solace Chatbot is a responsive web application that connects users with an AI assistant capable of answering questions and providing support. Built with React and TypeScript the application features a clean professional UI with seamless dark/light theme switching to accommodate user preferences.

Project Screenshots:

🧐 Features

Here're some of the project's best features:

• AI-Powered Responses: Intelligent chatbot providing helpful contextual answers
• Theme Support: Elegant dark and light mode with system preference detection
• Responsive Design: Optimized for all device sizes from mobile to desktop
• Real-Time Interaction: Immediate responses with loading indicators
• Professional UI: Clean modern interface with smooth transitions and animations

🛠️ Installation Steps:

1. Clone the repository

git clone https://github.com/sandundil2002/Solace_Chatbot.git

2. Install frontend dependencies

npm install

3. Setup backend

cd server npm install

4. Create a .env file in the server directory with your API credentials

GEMINI_API_KEY=your_gemini_api_key

5. Start the frontend development server

npm run dev

6. Start the backend server

cd server npm start

7. Open your browser and navigate to

http://localhost:5173

💻 Built with

Technologies used in the project:

• React: UI library for building component-based interfaces
• TypeScript: Static typing for improved code quality and developer experience
• TailwindCSS: Utility-first CSS framework for styling
• Axios: HTTP client for API requests
• Node.js: JavaScript runtime for the server environment
• Express: Web framework for handling HTTP requests
• AI Integration: Connection to gemini-1.5-flash model API for generating responses

🛡️ License:

This project is licensed under the MIT License - see the LICENSE file for details.