googleCalendarCrud

Simple fullstack app for crud actions over google calendar
Node, React, Typescript, PostgreSql

BACKEND

• Node Express server
• Googleapis module
• Controllers
  • googleOAuth controller - google oauth2 login endpoints
  • calendar controller - event fetching, creation, update & deletion endpoints
• Services
  • authorization service - verifies jwt recieved from google
  • calendar service - google calendar interactions
  • database service - adding action logs to database
• Middleware
  • auth middleware - authorizes user using token from request header

FRONTEND

• React app
• Components
  • Events - event listing, creation, editing
  • Login - login using google account
  • NavBar - app navigation
• Contexts
  • Auth context - stores if user is loggedIn & authorization token
• Custom hooks
  • useCalendar hook - stores functions used in events components
• React router
• UI
  
  
  
  

DATABASE

• PostgreSql db
• action_logs table - stores actions performed on events


POTENTIAL IMPROVEMENTS

• Handling multiple concurrent users
  • Storing user data and access and refresh tokens to database
  Setting access token of correct user on each request to google to eliminate data fetching from other accounts
• Handling token expiration
  • Checking if token is expired
  • Refreshing access token using refresh token
• Frontend improvements
  • Showing logs to the user.
  • Caching events
  • UI/UX improvements
• Better error handling