Feat: Create a chat bot interface

[siwamsingh]

Describe the feature

Task: Develop a Responsive Chat Bot Interface

1. Interface Creation:

• Develop a responsive chat bot interface triggered by clicking the chat bot icon in each module.
• Ensure the interface is user-friendly and visually appealing.

2. Chat Bubble Design:

• Implement chat bubbles for both user and bot interactions.
• Model the chat bubble design to emulate the conversational style seen in ChatGPT for a seamless user experience.

3. Backend Exclusion:

• Omit the need for backend development for this task, focusing on the front-end and user interaction aspects.

4. Responsiveness:

• Ensure the chat bot interface is responsive across various devices and screen sizes.
• Prioritize a consistent user experience, regardless of the device being used.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

[github-actions]

Congratulations, @siwamsingh! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and I look forward to work with you to resolve the issue. Keep up the great work!

I will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check my contributing guidelines

[ankana007]

Please assign me this issue under SWoC 24

[dakshsinghrathore]

Assigned this issue to @ankana007 , kindly drop a star on this repo
HAPPY CODING !

[dakshsinghrathore]

@ankana007 any updates??

[Shaba1406]

@ankana007 what's the update??

[ankana007]

@ankana007 any updates??

Almost done. Need to make some changes in the css sheet. Will probably make a pull request within five days.