New UI (systemdesign42#3)

* Add keyword search ui * Add line divider * Add company * Add divider * Add zapier * Reorder case studies * Add architecture links * Add fundamentals * Reorder articles on fundamentals * Remove char on section headers --------- Co-authored-by: NK <hello@systemdesign.one>
lynnmeanslight · Feb 25, 2024 · 8b46ac9 · 8b46ac9
1 parent da1141a
commit 8b46ac9
Showing 1 changed file with 132 additions and 44 deletions.
diff --git a/README.md b/README.md
@@ -9,81 +9,169 @@
   :cherries:
 </p>
 
+---
+
+#### [System Design Case Study](#System-Design-Case-Study-1)
+
+|     |     |     |     |     |     |     |     |     |
+|:-:  |:-:  |:-:  |:-:  |:-:  |:-:  |:-:  |:-:  |:-:  |
+| [#](#-companies)  | [A](#a-companies)  | [B](#b-companies)  | [C](#c-companies)  | [D](#d-companies)  | [](#e-companies)  | [](#f-companies)  | [G](#g-companies)  | [H](#h-companies)  |
+| [](#i-companies)  | [](#j-companies)  | [](#k-companies)  | [L](#l-companies)  | [](#m-companies)  | [N](#n-companies)  | [](#o-companies)  | [P](#p-companies)  | [Q](#q-companies)  |
+| [](#r-companies)  | [S](#s-companies)  | [T](#t-companies)  | [U](#u-companies)  | [V](#v-companies)  | [W](#w-companies)  | [](#x-companies)  | [Y](#y-companies)  | [Z](#z-companies)   |
+
+
+#### [System Design Fundamentals](#System-Design-Fundamentals-1)
+
+|    |    |    |    |    |    |    |    |    |
+|:-:  |:-:  |:-:  |:-:  |:-:  |:-:  |:-:  |:-:  |:-:  |
+| [#](#-technologies)  | [A](#a-technologies)  | [B](#b-technologies)  | [C](#c-technologies)  | [D](#d-technologies)  | [E](#e-technologies)  | [F](#f-technologies)  | [G](#g-technologies)  | [H](#h-technologies)  |
+| [I](#i-technologies)  | [J](#j-technologies)  | [K](#k-technologies)  | [L](#l-technologies)  | [M](#m-technologies)  | [N](#n-technologies)  | [O](#o-technologies)  | [P](#p-technologies)  | [Q](#q-technologies)  |
+| [R](#r-technologies)  | [S](#s-technologies)  | [T](#t-technologies)  | [U](#u-technologies)  | [V](#v-technologies)  | [W](#w-technologies)  | [X](#x-technologies)  | [Y](#y-technologies)  | [Z](#z-technologies) |
+
+---
+
 # System Design
 
-## Case Studies
+## System Design Case Study
+
+#### \# companies
+
+- [Real-Time Gaming Leaderboard](https://systemdesign.one/leaderboard-system-design/)
+- [Real-Time Live Comments](https://systemdesign.one/live-comment-system-design/)
+- [Distributed Counter](https://systemdesign.one/distributed-counter-system-design/)
+- [Real Time Presence Platform](https://systemdesign.one/real-time-presence-platform-system-design/)
+
+#### A companies
+
+- [How to Scale an App to 10 Million Users on AWS](https://newsletter.systemdesign.one/p/aws-scale)
+- [This Is How Airbnb Adopted HTTP Streaming to Save 84 Million USD in Costs](https://newsletter.systemdesign.one/p/what-is-critical-rendering-path)
+- [Amazon Prime Video Microservices Top Failure](https://newsletter.systemdesign.one/p/prime-video-microservices)
+
+#### B companies
+
+- [Bitly URL Shortener Architecture](https://systemdesign.one/url-shortening-system-design/)
+
+#### C companies
 
-- [How Uber Computes ETA at Half a Million Requests per Second](https://newsletter.systemdesign.one/p/uber-eta)
 - [How Canva Supports Real-Time Collaboration for 135 Million Monthly Users](https://newsletter.systemdesign.one/p/rsocket)
+- [How Cloudflare Was Able to Support 55 Million Requests per Second With Only 15 Postgres Clusters](https://newsletter.systemdesign.one/p/postgresql-scalability)
+
+#### D companies
+
 - [How Disney+ Hotstar Delivered 5 Billion Emojis in Real Time](https://newsletter.systemdesign.one/p/hotstar-architecture)
+- [How Disney+ Hotstar Scaled to 25 Million Concurrent Users](https://newsletter.systemdesign.one/p/hotstar-scaling)
+- [How Discord Boosts Performance With Code-Splitting](https://newsletter.systemdesign.one/p/what-is-code-splitting-in-react)
+
+#### G companies
+
+- [How Giphy Delivers 10 Billion GIFs a Day to 1 Billion Users](https://newsletter.systemdesign.one/p/cdn-explained)
+
+#### H companies
+
 - [How Hashnode Generates Feed at Scale](https://newsletter.systemdesign.one/p/feed-architecture)
-- [How Cloudflare Was Able to Support 55 Million Requests per Second With Only 15 Postgres Clusters](https://newsletter.systemdesign.one/p/postgresql-scalability)
-- [How Uber Finds Nearby Drivers at 1 Million Requests per Second](https://newsletter.systemdesign.one/p/how-does-uber-find-nearby-drivers)
-- [Virtual Waiting Room Architecture That Handles High-Demand Ticket Sales at SeatGeek](https://newsletter.systemdesign.one/p/virtual-waiting-room)
-- [5 Reasons Why Zoom Was Able to Support 300 Million Video Calls a Day](https://newsletter.systemdesign.one/p/zoom-architecture)
-- [How Does Netflix Work?](https://newsletter.systemdesign.one/p/how-does-netflix-work)
-- [Wechat Architecture That Powers 1.67 Billion Monthly Users](https://newsletter.systemdesign.one/p/chat-application-architecture)
-- [How Shopify Handles Flash Sales at 32 Million Requests per Minute](https://newsletter.systemdesign.one/p/shopify-flash-sale)
+
+#### L companies
+
 - [How LinkedIn Scaled to 930 Million Users](https://newsletter.systemdesign.one/p/scalable-software-architecture)
-- [This Is How Airbnb Adopted HTTP Streaming to Save 84 Million USD in Costs](https://newsletter.systemdesign.one/p/what-is-critical-rendering-path)
-- [How Giphy Delivers 10 Billion GIFs a Day to 1 Billion Users](https://newsletter.systemdesign.one/p/cdn-explained)
 - [How LinkedIn Adopted Protocol Buffers to Reduce Latency by 60%](https://newsletter.systemdesign.one/p/protocol-buffers-vs-json)
-- [This Is How Stripe Does Rate Limiting to Build Scalable APIs](https://newsletter.systemdesign.one/p/rate-limiter)
 - [Tech Stack Evolution at Levels fyi](https://newsletter.systemdesign.one/p/levels-fyi-google-sheets)
-- [How Disney+ Hotstar Scaled to 25 Million Concurrent Users](https://newsletter.systemdesign.one/p/hotstar-scaling)
-- [11 Reasons Why YouTube Was Able to Support 100 Million Video Views a Day With Only 9 Engineers](https://newsletter.systemdesign.one/p/youtube-scalability)
-- [Amazon Prime Video Microservices Top Failure](https://newsletter.systemdesign.one/p/prime-video-microservices)
-- [This Is How Quora Shards MySQL to Handle 13+ Terabytes](https://newsletter.systemdesign.one/p/mysql-sharding)
-- [8 Reasons Why WhatsApp Was Able to Support 50 Billion Messages a Day With Only 32 Engineers](https://newsletter.systemdesign.one/p/whatsapp-engineering)
-
-
 
-## Fundamentals
+#### N companies
 
-- [Cell Based Architecture](https://newsletter.systemdesign.one/p/cell-based-architecture)
-- [How to Scale an App to 10 Million Users on AWS](https://newsletter.systemdesign.one/p/aws-scale)
-- [Hinted Handoff](https://systemdesign.one/hinted-handoff/)
-- [Consistency Patterns](https://systemdesign.one/consistency-patterns/)
-- [Gossip Protocol](https://systemdesign.one/gossip-protocol/)
-- [Service Discovery](https://systemdesign.one/what-is-service-discovery/)
-- [Consistent Hashing](https://systemdesign.one/consistent-hashing-explained/)
-- [How Discord Boosts Performance With Code-Splitting](https://newsletter.systemdesign.one/p/what-is-code-splitting-in-react)
+- [How Does Netflix Work?](https://newsletter.systemdesign.one/p/how-does-netflix-work)
 - [Microservices Lessons From Netflix](https://newsletter.systemdesign.one/p/netflix-microservices)
-- [Top 5 Caching Patterns](https://newsletter.systemdesign.one/p/caching-patterns)
-- [Micro Frontends](https://newsletter.systemdesign.one/p/micro-frontends)
-- [Actor Model](https://newsletter.systemdesign.one/p/actor-model)
 
+#### P companies
 
-## Data Structures
+- [How PayPal Was Able to Support a Billion Transactions per Day With Only 8 Virtual Machines](https://newsletter.systemdesign.one/p/actor-model)
+- [Pastebin](https://systemdesign.one/system-design-pastebin/)
 
-- [Quotient Filter](https://systemdesign.one/quotient-filter-explained/)
-- [Bloom Filter](https://systemdesign.one/bloom-filters-explained/)
+#### Q companies
 
+- [This Is How Quora Shards MySQL to Handle 13+ Terabytes](https://newsletter.systemdesign.one/p/mysql-sharding)
 
-## Deep Dives
+#### S companies
 
 - [Slack Architecture](https://systemdesign.one/slack-architecture/)
-- [Distributed Counter](https://systemdesign.one/distributed-counter-system-design/)
-- [Real Time Presence Platform](https://systemdesign.one/real-time-presence-platform-system-design/)
-- [Real-Time Live Comments](https://systemdesign.one/live-comment-system-design/)
-- [Real-Time Gaming Leaderboard](https://systemdesign.one/leaderboard-system-design/)
-- [Pastebin](https://systemdesign.one/system-design-pastebin/)
-- [URL Shortener](https://systemdesign.one/url-shortening-system-design/)
+- [Virtual Waiting Room Architecture That Handles High-Demand Ticket Sales at SeatGeek](https://newsletter.systemdesign.one/p/virtual-waiting-room)
+- [How Shopify Handles Flash Sales at 32 Million Requests per Minute](https://newsletter.systemdesign.one/p/shopify-flash-sale)
+- [This Is How Stripe Does Rate Limiting to Build Scalable APIs](https://newsletter.systemdesign.one/p/rate-limiter)
+
+#### T companies
+
+- [Tumblr Shares Database Migration Strategy With 60+ Billion Rows](https://newsletter.systemdesign.one/p/how-to-migrate-a-mysql-database)
+- [6 Proven Guidelines on Open Sourcing From Tumblr](https://newsletter.systemdesign.one/p/open-source-guidelines)
+
+#### U companies
+
+- [How Uber Computes ETA at Half a Million Requests per Second](https://newsletter.systemdesign.one/p/uber-eta)
+- [How Uber Finds Nearby Drivers at 1 Million Requests per Second](https://newsletter.systemdesign.one/p/how-does-uber-find-nearby-drivers)
+
+#### W companies
+
+- [8 Reasons Why WhatsApp Was Able to Support 50 Billion Messages a Day With Only 32 Engineers](https://newsletter.systemdesign.one/p/whatsapp-engineering)
+- [Wechat Architecture That Powers 1.67 Billion Monthly Users](https://newsletter.systemdesign.one/p/chat-application-architecture)
+
+#### Y companies
+
+- [11 Reasons Why YouTube Was Able to Support 100 Million Video Views a Day With Only 9 Engineers](https://newsletter.systemdesign.one/p/youtube-scalability)
+
+#### Z companies
+
+- [5 Reasons Why Zoom Was Able to Support 300 Million Video Calls a Day](https://newsletter.systemdesign.one/p/zoom-architecture)
+- [How Zapier Automates Billions of Tasks](https://newsletter.systemdesign.one/p/zapier-architecture)
 
+---
 
-## Miscellaneous
+## System Design Fundamentals
+
+#### \# technologies
 
 - [Back of the Envelope](https://systemdesign.one/back-of-the-envelope/)
 - [How to Troubleshoot if You Can’t Access a Particular Website?](https://systemdesign.one/how-to-troubleshoot-if-you-cannot-access-a-website/)
 - [What Happens When You Type a URL Into Your Browser?](https://systemdesign.one/what-happens-when-you-type-url-into-your-browser/)
 - [System Design Interview Cheat Sheet](https://systemdesign.one/system-design-interview-cheatsheet/)
-- [6 Proven Guidelines on Open Sourcing From Tumblr](https://newsletter.systemdesign.one/p/open-source-guidelines)
-- [Tumblr Shares Database Migration Strategy With 60+ Billion Rows](https://newsletter.systemdesign.one/p/how-to-migrate-a-mysql-database)
 - [Software Engineer Interview Learning Resources](https://systemdesign.one/software-engineer-interview-learning-resources/)
 - [7 Simple Ways to Fail System Design Interview](https://newsletter.systemdesign.one/p/design-system-newsletter)
 
+#### A technologies
+
+- [Actor Model](https://newsletter.systemdesign.one/p/actor-model)
+
+#### B technologies
+
+- [Bloom Filter](https://systemdesign.one/bloom-filters-explained/)
+
+#### C technologies
+
+- [Cell Based Architecture](https://newsletter.systemdesign.one/p/cell-based-architecture)
+- [Consistency Patterns](https://systemdesign.one/consistency-patterns/)
+- [Top 5 Caching Patterns](https://newsletter.systemdesign.one/p/caching-patterns)
+- [How Discord Boosts Performance With Code-Splitting](https://newsletter.systemdesign.one/p/what-is-code-splitting-in-react)
+- [Consistent Hashing](https://systemdesign.one/consistent-hashing-explained/)
+
+#### G technologies
+
+- [Gossip Protocol](https://systemdesign.one/gossip-protocol/)
+
+#### H technologies
 
+- [Hinted Handoff](https://systemdesign.one/hinted-handoff/)
+
+#### M technologies
+
+- [Micro Frontends](https://newsletter.systemdesign.one/p/micro-frontends)
+- [Microservices Lessons From Netflix](https://newsletter.systemdesign.one/p/netflix-microservices)
+
+#### Q technologies
+
+- [Quotient Filter](https://systemdesign.one/quotient-filter-explained/)
+
+#### S technologies
+
+- [Service Discovery](https://systemdesign.one/what-is-service-discovery/)
 
+---
 
 ## License