Social Media App
This project showcases pieces of the architecture for a fictional social media application. It highlights how an app with both a native and web based frontend can share a single API layer which abstracts the internal and external services required to deliver the application
These diagrams are created using the C4 model, a lightweight visual notation for software architecture. The C4 approach makes complex systems easier to understand by showing them at different levels of detail — from high-level context to technical implementation. The four levels are:
Context – the big picture of systems and users
Container – applications, services, and data stores within the system
Component – the major building blocks inside each container
Code – the class or code-level details when needed
This layered approach keeps the focus on clarity and communication, making it easier for both technical and non-technical stakeholders to align on system design.
The System Context diagram for the fictional ‘Panda’ social media application. Shows very high level view of main application relying on external cloud services.
The container diagram for the main application. The application is split into three containers: The native mobile application, the web application, and a common API layer shared by both to connect to both external services and the internal application database running on Neo4j.
The component level diagram for the API container.