Inspiration
The project was inspired by the need for a high-performance, centralized tracking tool that combines the speed of a local application with the power of cloud-based analytics. The goal was to move away from static spreadsheets and toward a dynamic, real-time dashboard that offers immediate visual feedback and predictive insights.
What it does
bekaei.Pulse is a dynamic analytics and tracking dashboard designed for precise monitoring of project phases. Key features include:
Real-time KPI Tracking: Automatically calculates total costs, average progress, and success rates from tracking logs.
Data Visualization: Generates visual reports using Chart.js to track trends over time.
Activity Feed: maintains a live log of system actions and operator comments.
PWA Support: Operates as a Progressive Web App for offline access and a native-app experience on mobile and desktop.
Secure Collaboration: Includes multi-method authentication (Google, GitHub, Email) and fine-grained data management via Firebase.
How we built it
How we built it
The application was built using a modern, serverless stack:
Frontend: HTML5, Tailwind CSS for the "glass-morphism" UI, and vanilla JavaScript.
Backend/Database: Firebase Firestore for real-time data synchronization and Firebase Storage for file/avatar management.
Authentication: Firebase Auth for secure login and registration.
Functionality: Chart.js for analytics, a custom Service Worker for PWA capabilities, and native Web Notifications for system alerts.
Challenges we ran into
Challenges we ran into
Real-time Syncing: Ensuring that large tracking logs updated instantly across all sessions without UI lag.
PWA Lifecycle: Managing the service worker cache to ensure the dashboard remains functional offline while still fetching the latest data when connected.
UI Performance: Implementing complex CSS glass-morphism and radial-gradient animations while maintaining high frame rates across different devices.
Accomplishments that we're proud of
Accomplishments that we're proud of
Keyboard Efficiency: Implementing a robust hotkey system (e.g., Alt+N for new entries, Alt+A for analytics) that allows "power users" to navigate the system without a mouse.
Customization: Developing a flexible "Template" system that allows users to save and reuse data entry forms.
Visual Design: Achieving a sleek, futuristic aesthetic using custom "magic" buttons and dynamic orb animations.
What we learned
What we learned
Cloud Architecture: Gained deep experience in structuring NoSQL data in Firestore for efficient querying and real-time listeners.
Modern Web APIs: Learned how to implement native browser features like the beforeinstallprompt for PWA installation and the Notifications API for user engagement.
What's next for bekaei.pulse
What's next for bekaei.pulse
Enhanced API Integration: Expanding the "Settings & API" section to allow external tools to push data directly to the Pulse dashboard.
Advanced Predictions: Integrating machine learning models to forecast project success rates based on historical tracking data.
Collaborative Workspaces: Adding team-based permissions and shared analytics folders for larger organizations.
Log in or sign up for Devpost to join the conversation.