[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: https://evgeniiray.medium.com/
Linkedin: https://www.linkedin.com/in/evgenii-ray/

Diagram Link: https://viewer.diagrams.net/?tags=%7B%7D&highlight=0000ff&edit=_blank&layers=1&nav=1&title=Calendar.drawi #Uhttps%3A%2F%2Fdrive.google.com%2Fuc%3Fid%3D19n3i6lMGn0HjDy8MRIAn4BTJNjBcd9vd%26export%3Ddownload

#systemdesign #frontend #frontenddev