JINNY - AI Powered Virtual Assistant
JINNY – is for productivity, education & research, using Wikipedia, News, & openAI's APIs for instant knowledge. With voice/text commands & SiriWave UI, it streamlines tasks & keeps users inform
Created on 8th February 2025
•
JINNY - AI Powered Virtual Assistant
JINNY – is for productivity, education & research, using Wikipedia, News, & openAI's APIs for instant knowledge. With voice/text commands & SiriWave UI, it streamlines tasks & keeps users inform
The problem JINNY - AI Powered Virtual Assistant solves
JINNY – AI-Powered Virtual Assistant
JINNY is a smart virtual assistant designed to simplify tasks, enhance learning, and improve efficiency. It supports both voice and text commands, making it a valuable tool for students, researchers, and professionals. Users can also customize its features to suit their needs.
-
Education and Research
Access instant knowledge using the Wikipedia API.
Stay updated with real-time news through the News API.
Quickly search academic topics, historical facts, and the latest innovations. -
Productivity and Daily Tasks
Automate actions like opening applications, playing YouTube videos, and sending messages.
Reduce manual steps and manage tasks more efficiently.
Use hands-free voice commands for a seamless experience. -
Efficiency and Safety
Minimize distractions by eliminating the need to switch tabs frequently.
Provide quick access to reliable information from trusted sources.
Feature a smart, user-friendly interface with real-time SiriWave animations. -
Customization and Flexibility
Modify features based on individual preferences.
Integrate additional APIs or commands to enhance functionality.
Personalize the interface and workflow to match user needs.
By automating repetitive tasks, improving focus, and offering a personalized experience, JINNY transforms the way users learn, research, and manage daily activities, making everything easier, faster, and more efficient.
Challenges we ran into
Challenges Faced While Building JINNY :
One of the major hurdles we faced was handling real-time UI transitions between different assistant states. When switching from the waiting mode (Oval animation) to the active response mode (SiriWave animation), the UI did not update as expected.
Issue: UI Transition Between States
The Oval animation did not hide, and SiriWave did not appear after a command was given.
Event handlers were not always triggering correctly, leading to UI inconsistencies.
Debugging Process
Verified JavaScript event bindings for #MicBtn and #SendBtn.
Used console.log() to check function execution flow.
Replaced .attr("hidden", true) with .css("display", "none") for better UI control.
Used .off("click").on("click") to prevent duplicate event listeners.
External Support
Learned UI debugging techniques from YouTube tutorials.
Referred to Stack Overflow for solutions related to dynamic UI updates.
Explored similar AI assistant projects on GitHub to understand best practices.
Solution and Implementation
Applied CSS-based animations to smooth transitions.
Optimized JavaScript event handling to prevent UI conflicts.
Ensured each button click triggered only one function execution.
By using online resources, open-source platforms, and testing multiple solutions, we successfully fixed the issue and improved JINNY’s responsiveness.
Technologies used