Angular Chat Application with Gemini

Overview

Angular Chat Application with Gemini is a cutting-edge chat application that integrates the Google Gemini language model to offer a dynamic chatting experience. Hosted on GitHub Pages, this project allows users to engage in conversations with multiple personalities, including a frontend developer, "Behram," and the Gemini AI itself. Designed with Angular, this application delivers a clean, responsive interface that adapts to various devices for a seamless user experience.

Live Demo: Angular ChatApp with Gemini

Features

• Multiple Chat Personalities: Toggle between the insightful frontend developer "Behram" and the versatile Gemini AI for varied conversation dynamics.
• Tailored Questions: Receive quick suggestions tailored to the current chat personality for engaging conversations.
• Contextual Understanding: Gemini's integration allows for conversation history analysis, ensuring meaningful and consistent interactions.
• Responsive Interface: Developed with Angular, the application boasts a polished interface that's responsive across all devices.

Technologies

• Angular: The backbone framework providing the structure for this dynamic web application.
• Google Generative AI SDK: Enables direct access to the Gemini language model for generating responsive dialogues.
• Ngx-Loading: Offers visual feedback during AI response generation with sleek loading indicators.

Setup

1. Clone the repository to your local machine.
2. Install dependencies by running npm install in your terminal.
3. Obtain a Google Cloud API key and securely add it to your .env file (ensure .env is listed in your .gitignore to avoid exposing your key).
4. Launch the development server with ng serve.
5. Visit http://localhost:4200 in your web browser to explore the app.

Future Development

• Multi-Language Support: Expanding the app to support multiple languages for a wider user base.
• Voice Interaction: Implementing voice commands for hands-free operation.
• Sentiment Analysis: Integrating sentiment analysis to tailor responses based on the emotional tone of the conversation.

Contact

For questions, comments, or suggestions, please reach out to us via email at bazobehram@hotmail.com.

Important Note

A Google Cloud API key is required to access the Gemini language model. Please ensure you use your API key responsibly and adhere to Google's terms of service.

Acknowledgments

• UI Template: Inspired by a design on CodePen.

Screenshots