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