Skip to content

Welcome to Second Brain 2022 Projects 4 Vs Of Big Data About Static Abstract Class And Interface Activation Function Activation Functions Adam Advent Of Code Adversarial Attack Ag Grid Agile Travel Game AI Agents And World Models Ai First Software Delivery Ai Ml Roadmap Ai Resources Allotted Time For Tasks Based On Tags On Habitica Android App Ideation Android App Tasks Android Code Snippet Android Studio Build System Android Toast Example Android Angular Apache Kafka Apache Application Architecture Apps To Download Artificial Neural Network Associating Specific Music To Specific Tasks Atomic Designing Methodology Attendance Tracking System Attention Is All You Need Authentication Backend Dev Bag Of Words Basics Of Os Bcgx Interview Best Time To Buy And Sell Stocks Big Data Analytics Blue Green Deployment Bootstrapping Browser Bookmarks Buddy Feedback Bug Bash Build Files Notes Building A Portfolio Website Building A Second Brain C Basics Cache Types Capsule Network Cash Register Challenge With Initial Approach Change Password Chess Readme Chess Tournament Msg Ci Cd Ct Ci Cd Class Components Classes Schedule Claude Setup Client Onboarding Call Climbing Stairs Cloud Computing Cloudwatch Overview Cnn Code Smells Code Walkthrough Tl Coding Interview Preparation Cold Calls Hr Colima Competitive Programming Guide Complete Web Development Bootcamp Computer Networks Configuring Webstorm For React Connect For Code Setup Connext Quick Points Consciousness Universe Questions Contacts Containerisation Contains Duplicate Content Delivery Network Contracts Convolution Convolutional Neural Network Cookieslocal Storagesession Storage Cornell Notes System Corpus Counter App Course Schedule Creating A Virtual Dom Cross Functional Requirements Crypto Startup Prep Focus Crypto Startup R1 Resources Crypto Startup Css Grid Css Battles Css Games Cuda Cores Cyber Attacks Dao Vs Dto Data Analysis Data Processing Data Visualization With Seaborn Data Bricks Data Drift Data Engineering Session 1 Data Engineering Session Data Lake Data Lakehouse Data Science Notes Database Management Systems Database Migration Types Database Paradigms Database Day 2 1 Day 4 1 Day 7 1 Dealing With Feedback Deep Agile Deepstream Densenet Design And Engineering Of Computer Systems Design App Prompt Developer Practice Features Development Tools Device Driver Difference Between Mac And Windows Docker Storage Docker Commands Docker File Docker Domain Driven Design Domain Layer Driverless Ai Dynamic Array Dynamic Programming Edge Computing Edge Ml Edge Tpu Eks Cluster Embedded Machine Learning Coursera Encoder Decoder Ethical Impacts Of Ai Example Prompt Exercism Exercises Exploding Gradient Extreme Programming Xp And Test Driven Development Tdd Factorial Steps Failure Is The Stepping Stone To Success Faiss Fang2018 Fast Api Federated Learning Fibonacci Sequence Final Code Find All Numbers Disappeared In Array Finding Problems While Learning To Code First Steps In Java Udemy Course Fixed Length Flow + Career Fnv Tracability App Composables Followup Post Ideas For Building A Second Brain Forge Week4 Formik From Cpu To Browser Frontend Dev Notes Frontend Heavy Questions Frontend Interview Prep Frontend Sde Prep Frontend Startups Companies Frontend System Design Functional Api Functional Programming Functional Reactive Programming Game Programming Patterns Gang Of Four Design Patterns General Structure Generative Adversarial Network Google Cloud Data Engineer Google Automl Google Coral Google Disco Build Apps With Prompts Gpt 3 Gradient Descent Graph Neural Network Grondwolf Client Meeting Groundwolf Application Groundwolf Final Feedback Gru Gurushifu H5 Format Hack The Box Challenges Hackathon Ideas Hadoop Hardware Accelerator Histograms Hooks How To Be A 100x Engineer Using Ai Notes How And Why To Integrate Often How Does Linux Boot Process Work My Notes How Does Linux Boot Process Work How Google Script Is Converted To Javascript How I Use Llm How To Become A Cult Leader Image Preprocessing Imperative Vs Declarative Build Tools Initial Learnings Typescript Initial Code Initial Learnings Typescript Inside The Python Virtual Machine Integration Test Intro To Operating System Intro To Oss Introduction To Bits And Bytes Introduction To Computer Networks Introduction To Docker Compose Introduction To Operating System Introduction To Tensorflow Udacity Invest Session Ios Icon Customiser Iteration 2 Planning Iteration 3 Ipm Java 1 Java 8 Tech Talk Java Notes Java Optional Class Java Stream Javascript Es6 Playlist Javascript Executor Selenium Javascript Flashcards Javascript Optional Chaining Javascript Jax Json Format Keras Kernel Definition Key Value Pairs Kubernetes Labeling Py Langchain.Js Language Translation Learn Anything Gpt Prompt Learn Css Codecademy Learn With Chatgpt Learning Checklist Learning Log Lecture 10 Virtual Machines And Containers Leetcode Getting Started Leetcode Guide Leetcode Patterns Leetcode Strategy Linux Llm Parser Long Form Lstm Mac Installations Machine Learning Engineer JD Machine Learning Mars Rover Maximum Subarray Meditation Book Review Microservices Migrations Missing Number Ml In Production Coursera Ml Kit ML Notes Ml Ops Roadmap Ml Pipeline Ml Production Pipelines Mlflow Mlops Model Conversion Model Deployment Edge Model Drift Module Loading Mongodb Multilingual Language Model My Simple Workflow While Learning Something New Mysql Navigating Gcp Neetcode Dsa Prep Nestjs Overview Net New Jobs Next.Js Nextauth Ngrok Nlp Nodejs Alias Module Notes Np Argmax Npm Libraries Numberai Nvidia Ai Playground Object Oriented Programming (OOP)Object Oriented Programming Concepts Object Oriented Programming On Optimizing React Performance On Ai Agents One Shot Learning Onnx Open Souce Ai Models Opencv Operating System Optimizer Orm Os Concepts Paper Parking Lot Dojo Path To Production Pathways Photography Resources Phpsmallestoftwonumbers Physics Projects Pii Data Pillow Pooling Portfolios Post Training Quantization Processes Productivity Program Learnings Continue When Bored Program Pre Work Tasks Progression Systems Project Chess Verse Project Paper Content Projects To Pursue Promiseall Protobuf Pub Sub Messaging Model Pytorch Quantization Aware Training Quantization Questions Random Springboot Notes React Interview 1 React Interview 2 React Interview React Code React Controlled Component React Framework React Notes 1 React Notes 2 React Notes 3 React Notes 4 React Notes To Refresh React Tdd Session React Test Driven Development React.Gg Visualized Notes React Rectangle Dojo Rectangle Recurrent Neural Network Redux Toolkit Redux Relevant Techs Relu Remix Remote Procedure Callsrpc Requirements > Architecture Research Papers Resources 1 Resources Rest Api Definition Rest Constriants Restful Web Services Spring Framework Resume Rnn Round 1 Rtk Query S3 Bucket Overview Scratch Project Scripting Vs Programming Sequential Api Sequential Shallow Vs Render Vs Mount Side Gigs Sigmoid Single Number Slow Down To Go Faster Slugs Soap Protocol Softmax Software Design Principles Solid Principles 1 Solid Principles Spring Loose Coupling Springboot Annotations Springboot Mvc Springboot Notes Springboot Tests Sql Vs Mysql Startup R0 Startup Streamlit Supervised Learning Swr Stale While Revalidation System Design Questions Tanh Tanstack Query Task Tracker Api Tech Task Notes Tdd Feedback Tdd Tic Tac Toe Technology Stack Technology Tensor Cores Tensorflow Extended Tensorflow Lite Tensorflow Resources Tensorflow Tensorrt Testing Certifications Testing Text To Handwriting Tflite Model Maker Tfx The Eu Ai Act The Singularity Is Nearer My Notes The Valluvar Speaks The Why Thought Task Term Tinyml Book To Learn In Scrimba Tpu Trainee Guidelines Transfer Learning Transformer Transformers Translation Challenge Code Transpiler Tribonacci Series Two Sum Js Types Of Data Typescript Ui Discussion Team Lead Uipath Unknown User Story Netflix Using Webassemply In React Vanilla Javascript Vanishing Gradient Variational Autoencoder Wallet Design Patterns Wallet Implementation Principles Web Resources Websites 1 Weights And Biases What Is Docker Work Summary Working Of A LLM Write A System Call Notes Xss References Zustand

Application Architecture

Product Owner ↔ Clients Assessment (Prototype) → Inception → Finalise on design/architecture → Evolve

Some of the architectural patterns

Micro-frontends
Client-server
serverless
service-oriented
event-driven
monolithic
hexagonal
micro-services

Monolithic application

FrontEnd
BackEnd
Database All of these in a single place
Services are exposed through different ports

Microservice application

Each service will be packaged separately
We can easily scale up the code

Monolith

Everything integrated in one single place
Tightly couple application

[!important]
A single point of failure (SPOF) is a potential risk posed by a flaw in the design, implementation or configuration of a circuit or system. SPOF refers to one fault or malfunction that can cause an entire system to stop operating.

Monolith evolves into Client Server

Presentation in Client (Single Page App)
Business logic, data access in Server (Web server)

[!info] Scaling up the Prime Video audio/video monitoring service and reducing costs by 90%
The move from a distributed microservices architecture to a monolith application helped achieve higher scale, resilience, and reduce costs.
https://www.primevideotech.com/video-streaming/scaling-up-the-prime-video-audio-video-monitoring-service-and-reducing-costs-by-90

Microservices

Separating into separate services
UI <—> BFF <—> Services (Backend for Frontend)
Different Backend for FrontEnd for different UIs (for example Mobile, UI etc)

[!info] bliki: Monolith First
Going directly to a microservices architecture is risky, so consider building a monolithic system first.
https://martinfowler.com/bliki/MonolithFirst.html

BFF can call relevant services, get the data, put them together, and send the data to the UI. It can act as an orchestrator of the services for the UI.
BFF can take care of Authentication

[!important]
Starting with the service layer first makes the creation of the migration files also easier - you could avoid potential conflicts with the rest of the team while verisioningMeant service layer - you ll know what your models are and create the migrations accordingly.

[!important]
We can start with Presentation layer or Service layer, it depends on the type of requirement we deal with

[!important]
With NextJS, developers can enjoy a streamlined development experience where server-side rendering, static site generation, and API routes coexist harmoniously within a single codebase. NextJS represents a compelling evolution of the monolithic paradigm, adapting it to meet the needs of today's developers and users.
Web Service —> Data Access —> Database

C4 Model for visualising software architecture

Level 1 Context (Customer User, Admin User)

High level overview
For everyone
Tells the personas who are going to use the application

Level 2 Container

![[Screenshot_2024-06-25_at_12.37.47_PM.png]]

High level internal implementation
Dev, BA, QA

Level 3 Component (Web Application, Web Service, Database)

Detailed view of each component
Specific to Developers ![[Screenshot_2024-06-25_at_12.38.12_PM.png]]

Level 4 Code

![[Screenshot_2024-06-25_at_12.44.27_PM.png]]

Skyfox Layered Architecture

Presentation - UI
Sevice - Web Server
Data Access - DB ![[Screenshot_2024-06-25_at_12.45.57_PM.png]]
We have figure out where all these layers are in the project

Apache

Previous Page

Apps To Download

Next Page

On this page

Some of the architectural patterns Monolithic application Microservice application Monolith Monolith evolves into Client Server Microservices C4 Model for visualising software architecture Level 1 Context (Customer User, Admin User)Level 2 Container Level 3 Component (Web Application, Web Service, Database)Level 4 Code Skyfox Layered Architecture