rajeshtechforge / pinac_workspace

Automate Google Apps with AI | Using LangChain | Refreshing Interface

About Me

I'm a programming enthusiast student creating innovative open-source projects. My programming journey started in 2020 with Python, and I am particularly interested in Machine Learning and Artificial Intelligence. Along the way, I have also developed proficiency in HTML, CSS, JavaScript, React, and MySQL.

What I Do:

• Developing Open-Source Projects: Using my strong Python skills to create applications that address real-world challenges.
• Learning Machine Learning: Delving into these fascinating areas to unlock their potential and make significant contributions.
• Expanding My Skill Set: Consistently upgrading my coding expertise and staying informed about the latest tools and technologies.
• Embracing Linux: Loving the experience of using Ubuntu-based Zorin OS as my go-to operating system.
• Contributing to Open-Source: Actively engaging with the open-source community to share knowledge and collaborate with other enthusiasts.

I'm committed to turning my passion for technology into impactful solutions. Let's code a brighter future together!

Languages & Libraries:

Others

📊 GitHub Stats:

Random Dev Quote

pinac_workspace's Issues

Redefine Light Theme

Change the Colour tone of the light theme with a more beautiful and modern-looking (glass effect) colour combination.

Add Light Theme

Currently, this application's Interface is only available in Dark Theme, but now we need to add a Light Theme also, with a switch for seamlessly shifting between two themes.

theme changes to dark even after light theme is selected

the user should be able to use light theme even after clicking light theme but it changes to dark automatically
https://github.com/rmondal-official/PINAC-Workspace/assets/83456541/41a0e394-f77a-4429-af57-31883a1df7c3

Add animation while waiting for AI response

Need to add animation in the chatbox of the app's interface while waiting for AI response(after the user asks any question). This will significantly improve user experience!

Knock me if you need any help from my side

Add email compose box

Need to add a modern-looking email compose box

You have to create new files as UI/email-composer.html, UI/css/email-composer.css and UI/script/email-composer.js (optional). Please ensure it has an input box for the recipient email, subject, body, attachment button and send & create draft button.

You may take inspiration from well-known email services. But we are trying to make it look unique. If you need any help from me, please feel free to knock me.

Not able to sign up

After clicking sign-up button and granting access to gmail account, I can see the message "The authentication flow has completed. You may close this window."
But after closing the above window, I can see my gmail account is still not connected as the signup button is still visible.
How to ensure sign up is successful?

Add Sidebar

Need to add a sidebar on the left side with buttons for shifting pages

Buttons that need to be added are:

• Profile
• New Chat
• About Us

Additionally, you can add any extra button in your mind. Feel free to modify the HTML and CSS structure to implement these changes. If you need any help from my side, knock me.

Need to add a Document Upload Button

We require the addition of a button for uploading documents, specifically PDF files, inside the input box. A sample image is shown below for reference :

(Image is only for understanding purpose. Please note that the button is for PDF files and not images)

Please let me know if you need any assistance from my end.

Add Sign In button

In the header section remove the user icon and add a Sign In button instead. You don't have to write any function for the button.

smoother sidebar

smoother sidebar/menu that does not interrupts the logo and that has UI appealing background.

Add Auto-removing Welcome Text

It is necessary to automatically remove the welcome text "Hello, How can I help you today?" once the user asks their first question.

Add auto scroll to top in App Interface

The app interface does not scroll automatically when either the AI or the user provides a response. Consequently, it becomes challenging to determine whether the AI has given any response (I have to scroll manually for now).

So, we need to implement a feature that automatically scrolls the interface to the top whenever the user makes a request or the AI provides a response. This way, the most recent content becomes visible to the user.

Directory of Javascript file of App Interface:

UI/web/script.js

Issue.Video.mp4

Add Gemini AI Model

Hi there!

I would be happy if someone helped me by adding the Gemini AI model code. All you need to do is create a new file called src/ai_models/GeminiAI.py and write the code in it. If you have any questions or need any further assistance, just let me know and I'll be happy to help in any way I can. Have a great day!

Need to add Google Sign-In

We need to add Google Sign-In in this app with permission of the following scopes through a Google verified app :

1. 'openid',
2. 'https://www.googleapis.com/auth/contacts',
3. 'https://www.googleapis.com/auth/gmail.modify',
4. 'https://www.googleapis.com/auth/calendar',
5. 'https://www.googleapis.com/auth/tasks',
6. 'https://www.googleapis.com/auth/drive'

Still, now, this application relies on secret token files within this scope. However, creating secret tokens poses challenges for users without technical expertise. The prompt implementation of this feature is crucial for the project’s advancement.

Knock me if you need any help from my side

Add Animation to Welcome Text

In our App Interface, we need to change the Static welcome text to Dynamic and add an auto-typing animation with multiple texts. The texts will be:

• Hello, how can I help you today ?
• Need to send an urgent email ? I can assist you
• Stay at the top of your schedule with me !
• Have any question ? Just ask me

Need any help from me ? Feel free to ask !

Add Calendar UI

For showing the user's upcoming event or due task we need a simple & minimalist calendar UI design. Something like :

(Please note this image is only for understanding purpose)

For this requirement you create a folder UI/calender and place Html, CSS, Js file. Make it responsive and use appropriate function to show any give event on calendar.

No need to take care of rest of the project. Create it independent of rest of the project.

If you have any doubt regarding this, comment below.l, I will answer you.

Displaying the Email-template on Email-Composer page

Currently, the specific email template given by AI in response to user queries is shown on the chat interface. But now we have the email-composer box, therefore we need to show this template on the composer box correctly. The subject will be placed in the subject box and the rest body in the body box, for now recipient email will be blank by default.

You need to make changes in the main.py file, followed by index.js and email-composer.js. Having any doubt about understanding this issue or the code, simply ask me !

Update README

Rewrite the whole README.md page for making it much more creative and attractive. Keep the Readme header image unchanged.

Hint: You may make it on the theme of Space by using custom theme images.

Who is interested in making this comment on this issue.