[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.drawio#Uhttps%3A%2F%2Fdrive.google.com%2Fuc%3Fid%3D19n3i6lMGn0HjDy8MRIAn4BTJNjBcd9vd%26export%3Ddownload #systemdesign #frontend #frontenddev