How abhinaytharu/calendar works
Nepali Patro is a browser-based, BS-first calendar. Users navigate Nepali dates and calendar views, search and manage local events and tasks, and optionally connect Google to synchronize calendars and tasks. The README documents month, week, day, schedule, and list views, NPT handling, and responsive UI; the sampled source shows calendar rendering, event form handling, localStorage, Google auth, Tasks fetching, and the sync engine. Since app.js excerpts are partial, links from its UI/domain responsibilities to unsampled features are limited to documented capabilities.
Main entry points: app.js Google sign-in · index.html App shell · app.google-sync.js Google event sync · styles.css Responsive themes
Components 16
Calendar experience
- App shell
index.html - Calendar views
app.js - Event and task search
app.js - Event editor
app.js - Responsive themes
styles.css
Date and event domain
- BS date conversion
app.js - Local events and calendars
app.js
Google integration
- Google event sync
app.google-sync.js - Google Tasks
app.js - Google sign-in
app.js - OAuth configuration
config.js
Browser state
- localStorage
Other components
- Calendar user
- Google Calendar API
- Google Tasks API
- Google Identity Services
Connections 21
- Calendar user → App shell: opens
README.md - App shell → Calendar views: hosts
README.md - Calendar user → Calendar views: navigates
README.md - Calendar views → BS date conversion: converts dates
app.js - Calendar views → Local events and calendars: renders events
README.md - Calendar views → Google Tasks: shows tasks
README.md - Calendar user → Event and task search: searches
README.md - Event and task search → Local events and calendars: filters events
README.md - Event and task search → Google Tasks: filters tasks
README.md - Calendar user → Event editor: edits events
app.js - Event editor → Local events and calendars: saves events
app.js - Local events and calendars → localStorage: persists
app.js - Calendar user → Google sign-in: signs in
README.md - Google sign-in → OAuth configuration: reads settings
config.js - Google sign-in → Google Identity Services: requests token
README.md - Google sign-in → localStorage: stores credentials
app.js - Google sign-in → Google event sync: provides token
- Google event sync → Google Calendar API: reads and writes
app.google-sync.js - Google Tasks → Google Tasks API: fetches tasks
app.js - Google Tasks → localStorage: stores state
- Responsive themes → App shell: styles
README.md