Sentinel

Inspiration

The idea for Sentinel came from the growing need for real-time sentiment analysis in various applications, from social media monitoring to customer feedback analysis. With the rise of Generative AI, we wanted to create an interactive and intuitive tool that not only analyzes emotional tone but also provides meaningful insights and suggested actions.

We aimed to build something visually appealing, responsive, and easy to use, leveraging modern frontend technologies while integrating AI-powered sentiment analysis seamlessly.

What it does

Sentinel takes user-inputted text and analyzes the sentiment behind it, offering:

• ✅ Sentiment Classification – Determines whether the text is positive, negative, or neutral.
• ✅ Intensity Analysis – Measures the strength of the emotion.
• ✅ Actionable Insights – Suggests potential responses or next steps based on the sentiment.
• ✅ Real-time Interaction – Uses animations and a dynamic UI for seamless user experience.
• ✅ Error Handling – Guides users if something goes wrong, ensuring a smooth experience.

How we built it

Frontend

• Developed with Angular 18 for a fast and modular UI.
• Styled with Tailwind CSS and DaisyUI for a clean and modern design.
• Used Tailwind animations for smooth transitions and feedback.

Backend & AI Integration

• Integrated Google’s Generative AI via the @google/generative-ai package for advanced sentiment analysis.
• Optimized API calls to ensure fast and accurate text analysis.

Hosting & Deployment

• Hosted on Vercel, ensuring fast performance and easy scalability.

Challenges we ran into

• 🔹 Fine-tuning AI Output – Ensuring that the AI accurately interprets sentiment across different types of text.
• 🔹 Real-time UI Updates – Making sure the animations and dynamic UI provided smooth feedback without delays.
• 🔹 Styling Consistency – Ensuring cross-browser compatibility while maintaining a modern and engaging look.
• 🔹 API Rate Limits – Managing API requests efficiently to prevent excessive usage while keeping the app responsive.

Accomplishments that we're proud of

• 🏆 Successfully integrated Google Generative AI into a real-time web app.
• 🏆 Built a visually appealing and interactive UI using modern frontend technologies.
• 🏆 Optimized the app for performance, responsiveness, and smooth user experience.
• 🏆 Implemented clear and meaningful sentiment analysis with actionable suggestions.
• 🏆 Overcame styling and API challenges to deliver a polished final product.

What we learned

• 📌 Better AI Integration – Learned how to work with Generative AI APIs and optimize responses for better sentiment analysis.
• 📌 Performance Optimization – Implemented efficient API requests to balance speed and accuracy.
• 📌 Advanced UI Animations – Improved our skills in Tailwind CSS animations for better user interaction.
• 📌 Error Handling & UX Improvements – Focused on making the app intuitive and user-friendly, even when errors occur.

What's next for Sentinel

• 🚀 Multilingual Sentiment Analysis – Expanding support for multiple languages.
• 🎨 More UI Customization – Adding dark mode and user-configurable theme settings.
• 🤖 Improved AI Insights – Enhancing emotion detection with more granular intensity levels.
• 📊 Data Visualization – Adding charts and graphs to visualize sentiment trends over time.
• 📱 Mobile App Version – Bringing Sentinel to mobile platforms for on-the-go sentiment analysis.

Built With

• angular.js
• daisyui
• google-gemini
• tailwindcss
• typescript