[Front-End System Design] - Google Calendar

Hi everyone. This is the new episode of Front-End System design. Today we're going to become google engineers and try to design a Google Calendar App. That's a quite complex application that has many interesting design decisions that we can make. I'm looking forward to your comments and suggestions 🍻

00:00 - Intro
00:29 - 1. Problem Overview
01:35 - 2. General Requirements
03:15 - 2.1. Functional Requirements
05:09 - 3. Action plan
06:24 - 4. Layout Overview
07:56 - 4.1. Components Architecture
09:45 - 5. Data Model
15:21 - 5.1. Detecting conflicting events
18:30 - 5.2  Interval Tree Introduction
24:15 - 5.3. Interval Tree - Search demo
29:54 - 5.4. Complexity analysis
32:32 - 6. Data Transferring
36:39 - 6.1 API Review
38:18 - 6.2 SSE & GraphQL
42:37 - 7. Data flow
45:19 - 8. Rendering Optimization
49:13 - 9. Notification System
51:42 - 10. App Optimizations
55:58 - 11. Accessibility

Follow me:
Telegram: https://t.me/frontend_engineer_blog
Medium: Medium: evgeniiray
Linkedin: LinkedIn: evgenii-ray

Diagram Link: https://viewer.diagrams.net/?tags=%7B...

#systemdesign #frontend #frontenddev

• #education
• #system_design
• #front_end_system_design_interview
• #chat_app
• #system_design_interview
• #design_chat_app
• #front_end_system_design
• #front_end_system_design
• #frontend_system_design
• #google_sheets_design
• #google_calendar