How prosnigdho/smart-calendar works
This is a React calendar application with email/Google sign-in, registration, a user-specific event calendar, upcoming-event listing, and profile editing. The principal flow routes users through authentication into the dashboard, where calendar events are loaded and managed in Firestore. The graph also captures dashboard composition and the separate sidebar event query. Source excerpts support these connections; unsampled UI details and any additional capabilities are not inferred.
Main entry points: Dashboard.jsx Dashboard · Firebase.jsx Firebase setup · App.jsx App routes · Login.jsx Login
Components 12
App routing
- App routes
src/App.jsx
Authentication
- Login
src/components/auth/login/Login.jsx - Registration
src/components/auth/registration/Registration.jsx
Calendar workspace
- Dashboard
src/components/dashboard/Dashboard.jsx - Calendar events
src/components/dashboard/CalendarSection.jsx - Upcoming events
src/components/dashboard/Sidebar.jsx - Account navbar
src/components/dashboard/Navbar.jsx - Profile editor
src/components/dashboard/ProfileModal.jsx
Firebase services
- Firebase setup
src/firebase/Firebase.jsx - Firebase Auth
- Cloud Firestore
Other components
- User
Connections 18
- User → App routes: uses
- App routes → Login: routes to
src/App.jsx - App routes → Registration: routes to
src/App.jsx - App routes → Dashboard: routes to
src/App.jsx - Login → Firebase setup: requests sign-in
src/components/auth/login/Login.jsx - Registration → Firebase setup: requests registration
src/components/auth/registration/Registration.jsx - Login → Dashboard: navigates after sign-in
src/components/auth/login/Login.jsx - Dashboard → Firebase setup: loads user events
src/components/dashboard/Dashboard.jsx - Dashboard → Account navbar: renders
src/components/dashboard/Dashboard.jsx - Dashboard → Calendar events: renders
src/components/dashboard/Dashboard.jsx - Dashboard → Upcoming events: renders
src/components/dashboard/Dashboard.jsx - Dashboard → Profile editor: renders
src/components/dashboard/Dashboard.jsx - Calendar events → Cloud Firestore: reads and writes events
src/components/dashboard/CalendarSection.jsx - Upcoming events → Cloud Firestore: reads upcoming events
src/components/dashboard/Sidebar.jsx - Account navbar → Firebase setup: requests sign-out
src/components/dashboard/Navbar.jsx - Profile editor → Firebase setup: updates profile
src/components/dashboard/ProfileModal.jsx - Firebase setup → Firebase Auth: configures
src/firebase/Firebase.jsx - Firebase setup → Cloud Firestore: initializes
src/firebase/Firebase.jsx