By
@shivar07
A real-time workspace that syncs tasks, calendar events, job applications, and meetings between a React web dashboard and a Kotlin Android companion app. It uses Firebase for live sync, pairs devices via a 6-digit code, and triggers push alerts with direct action links on your phone. Anyone can try the features instantly via a guest "Tester Login" with mock databases.
I built Omni-Sync because I wanted a simple way to keep my daily work, meetings, and job applications in sync between my desktop and my phone. It’s a clean, monochrome React dashboard that talks in real-time to a Kotlin Android companion app using Firebase. Whenever I add a task or schedule a meeting on the web, a background service on my phone instantly triggers native alerts and deep links so I don’t miss anything when I step away. The trickiest part was getting the Android background sync running reliably without killing the battery, and spending the time to style the UI completely by hand with vanilla CSS so it feels clean and distraction-free. I’m really happy with how seamless it feels to pair a device and see the notifications pop up the second the dashboard updates.
This is the final devlog for OmniSync, and it marks the end of an incredible coding journey. We sat down together, side-by-side, pairing up to shape this project into something truly premium and special.
What started as a set of features and code files turned into a collaborative craft. We navigated the details together—polishing the styling, refining the light mode transitions, fixing form inputs, and ensuring the interface felt alive. We spent hours debugging, rebuilding, making sure every count was accurate, and standardizing the UI.
OmniSync is finished, and we can built it together in future.
Check out the finished repository at: https://github.com/shivar07/omni-sync.git
Developed and built a mobile Android APK using Kotlin and Compose
Connected device securely using 6 digit pairing Code and user UID
Setup background foreground polling service to check pending events
Triggers instant phone notification shade alerts for upcoming deadlines
Disconnecting from either phone or Web resets both in Realtime
Now we have Calendar we have Meeting Hub Idea Vault and Application where you know the LinksAdded a Daily Planner section to scope all todos by Date so I can plan my morning agendaCreated beautiful custom Date Navigator panel to toggle between Yesterday Today and TomorrowIntegrated inline editing and neat priority and category Badges for every Task itemCreated smart actions to Import unfinished tasks from Yesterday and postpone pending Tasks to TomorrowEverything is synced live to Firebase Database scoped under the active User UID and compiles cleanlyFixed low Contrast select options dropdown coloring in Daily Planner page Form inputs
Next Step was making sure all Data syncs everywhere across devices in RealtimeSet up Firebase Google Auth so anyone can Sign in securely with their Google AccountConnected Firebase Realtime Database RTDB to save all Events Tasks Applications and Ideas under user UIDCreated color coded Category badges like Workshops Meetings Urgent and Personal EventsAdded category Filtering controls above the Calendar so you can filter specific Event types instantlyNow whenever you add an Event on Web it updates live on your Cloud database without reloading
Started working on OmniSync project Today to solve my daily Event tracking problemsCreated the initial Vite React application setup with dark Glassmorphic UI design tokensImplemented custom Calendar component showing monthly Grid views with Day selectionAdded event creation Modal where users can enter Event titles start and End timesStored Events in local State so clicking on any calendar Date shows scheduled Events for that DayEverything feels super smooth and Responsive for the first 2 hours of Coding
