diff --git a/src/main/java/edu/ntnu/idi/idatt/model/market/Stock.java b/src/main/java/edu/ntnu/idi/idatt/model/market/Stock.java
index 923df9f..c7c65c4 100644
--- a/src/main/java/edu/ntnu/idi/idatt/model/market/Stock.java
+++ b/src/main/java/edu/ntnu/idi/idatt/model/market/Stock.java
@@ -1,6 +1,7 @@
 package edu.ntnu.idi.idatt.model.market;
 
 import java.math.BigDecimal;
+import java.math.RoundingMode;
 import java.util.ArrayList;
 import java.util.Comparator;
 import java.util.List;
@@ -90,6 +91,16 @@ public BigDecimal getLatestPriceChange() {
     return prices.get(size - 1).subtract(prices.get(size - 2));
   }
 
+  // TODO: JAVADOCS, JUNIT
+  public BigDecimal getLatestPriceChangePercent() {
+    if (prices.isEmpty() || prices.size() == 1) {
+      return BigDecimal.ZERO;
+    }
+
+    return (getLatestPriceChange().divide(prices.get(prices.size() - 2), 2, RoundingMode.HALF_UP))
+        .multiply(new BigDecimal("100"));
+  }
+
   /**
    * Getter for current sale price
    *
diff --git a/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Portfolio.java b/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Portfolio.java
index 0b9e940..070653d 100644
--- a/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Portfolio.java
+++ b/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Portfolio.java
@@ -61,6 +61,25 @@ public List<Share> getShares(String symbol) {
     return shares.stream().filter(s -> s.getStock().getSymbol().equals(symbol)).toList();
   }
 
+  // TODO: JAVADOCS, JUNIT
+  public BigDecimal getOwnedAmount(String symbol) {
+    return getShares(symbol).stream().map(s -> s.getQuantity())
+        .reduce(BigDecimal.ZERO, BigDecimal::add);
+  }
+
+  public BigDecimal getProfitFromStock(String symbol) {
+    return getShares(symbol).stream().map(s -> s.getProfit())
+        .reduce(BigDecimal.ZERO, BigDecimal::add);
+  }
+
+  public double getChangeFromStock(String symbol) {
+    BigDecimal profitTotal = getProfitFromStock(symbol);
+    BigDecimal costTotal = getShares(symbol).stream().map(s -> s.getPurchasePrice())
+        .reduce(BigDecimal.ZERO, BigDecimal::add);
+
+    return (profitTotal.subtract(costTotal).doubleValue()) / 100;
+  }
+
   /**
    * Method for checking if the portfolio contains a specific share
    *
diff --git a/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Share.java b/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Share.java
index 2bbaf0f..eeaa73f 100644
--- a/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Share.java
+++ b/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Share.java
@@ -3,6 +3,7 @@
 import java.math.BigDecimal;
 
 import edu.ntnu.idi.idatt.model.market.Stock;
+import edu.ntnu.idi.idatt.service.transaction.SaleCalculator;
 
 /**
  * Share class
@@ -50,4 +51,9 @@ public BigDecimal getPurchasePrice() {
     return purchasePrice;
   }
 
+  // TODO: JAVADOCS, JUNIT
+  public BigDecimal getProfit() {
+    return new SaleCalculator(this).calculateGross().subtract(purchasePrice);
+  }
+
 }
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java b/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java
index c68f6b2..6f290f8 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java
@@ -1,8 +1,15 @@
 package edu.ntnu.idi.idatt.view;
 
+import edu.ntnu.idi.idatt.model.market.Stock;
 import edu.ntnu.idi.idatt.view.entry.StartController;
 import edu.ntnu.idi.idatt.view.entry.StartModel;
 import edu.ntnu.idi.idatt.view.entry.StartView;
+import edu.ntnu.idi.idatt.view.primary.exchange.ExchangeController;
+import edu.ntnu.idi.idatt.view.primary.exchange.ExchangeModel;
+import edu.ntnu.idi.idatt.view.primary.exchange.ExchangeView;
+import edu.ntnu.idi.idatt.view.primary.stock.StockController;
+import edu.ntnu.idi.idatt.view.primary.stock.StockModel;
+import edu.ntnu.idi.idatt.view.primary.stock.StockView;
 import javafx.scene.Parent;
 
 public class SceneFactory {
@@ -20,4 +27,29 @@ public static Parent createStartView() {
 
   }
 
+  public static Parent createExchangeView() {
+
+    ExchangeModel model = new ExchangeModel();
+    ExchangeView view = new ExchangeView();
+    ExchangeController controller = new ExchangeController(model);
+
+    view.setModel(model);
+    view.setController(controller);
+
+    return view.getInstance();
+
+  }
+
+  public static Parent createStockView(Stock stock) {
+
+    StockModel model = new StockModel();
+    StockView view = new StockView();
+    StockController controller = new StockController(model, stock);
+
+    view.setModel(model);
+    view.setController(controller);
+
+    return view.getInstance();
+  }
+
 }
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/AbstractViewUI.java b/src/main/java/edu/ntnu/idi/idatt/view/components/AbstractViewUI.java
index 1933e3b..5d9fd48 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/AbstractViewUI.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/AbstractViewUI.java
@@ -59,7 +59,7 @@ public void createUIComponents() {
     navigation = new VBox();
     navigation.setMaxHeight(Double.MAX_VALUE);
     navigation.getStyleClass().add("dark");
-    navigation.setMaxWidth(150);
+    navigation.setMaxWidth(200);
 
     header = new HBox();
     header.getStyleClass().add("light");
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
new file mode 100644
index 0000000..b87d333
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
@@ -0,0 +1,78 @@
+package edu.ntnu.idi.idatt.view.components.elements;
+
+import java.math.BigDecimal;
+import java.util.List;
+import java.util.function.Consumer;
+
+import edu.ntnu.idi.idatt.model.market.Stock;
+import edu.ntnu.idi.idatt.view.components.ui.UICompositor;
+import edu.ntnu.idi.idatt.view.util.CssUtils;
+import javafx.geometry.Insets;
+import javafx.geometry.Pos;
+import javafx.scene.control.Label;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.VBox;
+
+public class StockComponent extends HBox {
+
+  private final Stock stock;
+
+  public StockComponent(Stock stock) {
+    this.stock = stock;
+    this.setMaxSize(Double.MAX_VALUE, 100);
+    this.setPadding(new Insets(40));
+    this.setAlignment(Pos.BASELINE_CENTER);
+
+    this.setStyle("-fx-background-color: #404950;");
+
+    Label title = new Label(this.getTitle());
+
+    Label latestText = new Label("Latest");
+    Label latestValue = new Label(stock.getSalesPrice().toString() + "USD");
+
+    Label changeText = new Label("Change");
+    Label changeValue = new Label(stock.getLatestPriceChange().toString() + "USD");
+    Label changeValuePercent = new Label(
+        String.valueOf(stock.getLatestPriceChangePercent()) + "%");
+
+    List<Label> labels = List.of(latestText, latestValue, changeText, changeValue, changeValuePercent);
+
+    CssUtils.apply(title, CssUtils.BIG_TEXT_32);
+    labels.forEach(l -> CssUtils.apply(l, CssUtils.MED_TEXT_16));
+
+    String color = CssUtils.generateValueColors(stock.getLatestPriceChange().doubleValue());
+    CssUtils.apply(changeValue, color);
+    CssUtils.apply(changeValuePercent, color);
+
+    UICompositor stockComponent = new UICompositor.Builder()
+        .parent(new HBox())
+        .growWithAlignment(Pos.CENTER)
+        .addContent(title)
+        .filler()
+        .filler()
+        .filler()
+        .wrap(new VBox())
+        .addAllContent(latestText, latestValue)
+        .unwrap()
+        .filler()
+        .wrap(new VBox())
+        .addAllContent(changeText, changeValue, changeValuePercent)
+        .unwrap()
+        .build();
+
+    this.getChildren().addAll(stockComponent.makeUI());
+  }
+
+  public String getTitle() {
+    return stock.getCompany() + " (" + stock.getSymbol() + ")";
+  }
+
+  public String getSymbol() {
+    return stock.getSymbol();
+  }
+
+  public void onStockClick(Consumer<String> handler) {
+    this.setOnMouseClicked((e) -> handler.accept(this.getSymbol()));
+  }
+
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TextValueComponent.java b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TextValueComponent.java
new file mode 100644
index 0000000..dbc4c19
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TextValueComponent.java
@@ -0,0 +1,35 @@
+package edu.ntnu.idi.idatt.view.components.elements;
+
+import edu.ntnu.idi.idatt.view.util.CssUtils;
+import javafx.beans.property.SimpleStringProperty;
+import javafx.scene.control.Label;
+import javafx.scene.layout.HBox;
+
+public class TextValueComponent extends HBox {
+
+  private final SimpleStringProperty value = new SimpleStringProperty();
+  private final SimpleStringProperty color = new SimpleStringProperty();
+
+  public TextValueComponent(String prefix) {
+    Label prefixLabel = new Label(prefix);
+    Label valueLabel = new Label();
+    valueLabel.textProperty().bind(value);
+    CssUtils.apply(prefixLabel, CssUtils.MED_TEXT_16);
+    CssUtils.apply(valueLabel, CssUtils.MED_TEXT_16);
+
+    color.addListener((obs, oldVal, newVal) -> {
+      CssUtils.apply(valueLabel, newVal);
+    });
+
+    this.getChildren().addAll(prefixLabel, valueLabel);
+  }
+
+  public SimpleStringProperty valueProperty() {
+    return value;
+  }
+
+  public SimpleStringProperty colorProperty() {
+    return color;
+  }
+
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIElementCompositor.java b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UICompositor.java
similarity index 52%
rename from src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIElementCompositor.java
rename to src/main/java/edu/ntnu/idi/idatt/view/components/ui/UICompositor.java
index 0fed8e6..4d598d5 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIElementCompositor.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UICompositor.java
@@ -2,6 +2,7 @@
 
 import java.util.ArrayList;
 import java.util.List;
+import java.util.function.Consumer;
 
 import javafx.geometry.Pos;
 import javafx.scene.Parent;
@@ -11,24 +12,22 @@
 import javafx.scene.layout.Region;
 import javafx.scene.layout.VBox;
 
-public class UIElementCompositor {
+public class UICompositor {
 
   private final Pane parent;
-  private final List<Parent> elements;
 
-  public UIElementCompositor(Builder builder) {
+  public UICompositor(Builder builder) {
     this.parent = builder.parent;
-    this.elements = builder.elements;
   }
 
   public Parent makeUI() {
-    parent.getChildren().addAll(elements);
     return parent;
   }
 
   public static class Builder {
     private Pane parent;
-    private ArrayList<Parent> elements = new ArrayList<>();
+    private ArrayList<Pane> wrappers = new ArrayList<>();
+    private boolean isWrapper = false;
 
     public Builder parent(Pane parent) {
       this.parent = parent;
@@ -49,35 +48,56 @@ public Builder growWithAlignment(Pos position) {
       return this;
     }
 
-    public Builder setPrefSize(double width, double height) {
-      parent.setPrefSize(width, height);
+    public Builder addContent(Parent child) {
+      Pane root = isWrapper ? wrappers.getLast() : parent;
+      root.getChildren().add(child);
       return this;
     }
 
-    public Builder addContent(Parent parent) {
-      elements.add(parent);
+    public Builder addAllContent(Parent... children) {
+      Pane root = isWrapper ? wrappers.getLast() : parent;
+      root.getChildren().addAll(List.of(children));
       return this;
     }
 
-    public Builder addAllContent(Parent... parents) {
-      elements.addAll(List.of(parents));
+    public Builder parentProperties(Consumer<Pane> handle) {
+      handle.accept(this.parent);
+      return this;
+    }
+
+    public Builder wrap(Pane wrapper) {
+      isWrapper = true;
+      wrappers.add(wrapper);
+      return this;
+    }
+
+    public Builder unwrap() {
+      isWrapper = false;
+      parent.getChildren().add(wrappers.getLast());
+      return this;
+    }
+
+    public Builder wrapperProperties(Consumer<Pane> handle) {
+      handle.accept(wrappers.getLast());
       return this;
     }
 
     public Builder filler() {
+      Pane root = isWrapper ? wrappers.getLast() : parent;
+
       Region filler = new Region();
-      if (parent instanceof HBox) {
+      if (root instanceof HBox) {
         HBox.setHgrow(filler, Priority.ALWAYS);
       }
-      if (parent instanceof VBox) {
+      if (root instanceof VBox) {
         VBox.setVgrow(filler, Priority.ALWAYS);
       }
-      elements.add(filler);
+      root.getChildren().add(filler);
       return this;
     }
 
-    public UIElementCompositor build() {
-      return new UIElementCompositor(this);
+    public UICompositor build() {
+      return new UICompositor(this);
     }
 
   }
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java
index 4b73c18..7d70fdd 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java
@@ -25,7 +25,7 @@ public static Parent createHeader(String placeholder, Consumer<String> onSearchQ
 
     HBox.setMargin(bar, new Insets(20));
 
-    UIElementCompositor header = new UIElementCompositor.Builder()
+    UICompositor header = new UICompositor.Builder()
         .parent(new HBox())
         .growWithAlignment(Pos.CENTER)
         .filler()
@@ -39,11 +39,21 @@ public static Parent createHeader(String placeholder, Consumer<String> onSearchQ
   }
 
   public static Parent createNavigation(String title, List<String> buttonLables, ActionEventHandler... handlers) {
+    Label titleLabel = new Label(title);
+    return createDefaultNavigation(titleLabel, buttonLables, handlers);
+  }
+
+  public static Parent createNavigation(Label titleLabel, List<String> buttonLables,
+      ActionEventHandler... handlers) {
+    return createDefaultNavigation(titleLabel, buttonLables, handlers);
+  }
+
+  private static Parent createDefaultNavigation(Label titleLabel, List<String> buttonLables,
+      ActionEventHandler... handlers) {
     if (buttonLables.size() != handlers.length) {
       System.out.println("Failed to build navigation!");
     }
 
-    Label titleLabel = new Label(title);
     CssUtils.apply(titleLabel, CssUtils.BIG_TEXT_32);
 
     ArrayList<Button> buttons = new ArrayList<>();
@@ -55,13 +65,13 @@ public static Parent createNavigation(String title, List<String> buttonLables, A
       b.setOnAction((e) -> handlers[buttons.indexOf(b)].handle());
     });
 
-    UIElementCompositor.Builder navigationBuilder = new UIElementCompositor.Builder()
+    UICompositor.Builder navigationBuilder = new UICompositor.Builder()
         .parent(new VBox())
         .addContent(titleLabel);
 
     buttons.forEach(b -> navigationBuilder.addContent(b));
 
-    UIElementCompositor navigation = navigationBuilder.build();
+    UICompositor navigation = navigationBuilder.build();
 
     return navigation.makeUI();
 
@@ -84,15 +94,15 @@ public static Parent createMenu(String title, List<String> buttonLables, ActionE
       b.setOnAction((e) -> handlers[buttons.indexOf(b)].handle());
     });
 
-    UIElementCompositor.Builder menuBuilder = new UIElementCompositor.Builder()
+    UICompositor.Builder menuBuilder = new UICompositor.Builder()
         .parent(new VBox())
         .growWithAlignment(Pos.TOP_CENTER)
-        .setPrefSize(300, Double.MAX_VALUE)
+        .parentProperties((menu) -> menu.setPrefSize(300, Double.MAX_VALUE))
         .addContent(menuIcon);
 
     buttons.forEach(b -> menuBuilder.addContent(b));
 
-    UIElementCompositor menu = menuBuilder.build();
+    UICompositor menu = menuBuilder.build();
 
     return menu.makeUI();
 
@@ -119,7 +129,7 @@ public static Parent createToolbar(ActionEventHandler menuHandle, ActionEventHan
     iconWrapper.setAlignment(Pos.CENTER);
     iconWrapper.getChildren().addAll(userIcon, quitIcon);
 
-    UIElementCompositor toolbar = new UIElementCompositor.Builder()
+    UICompositor toolbar = new UICompositor.Builder()
         .parent(new HBox())
         .growWithAlignment(Pos.CENTER)
         .addContent(balance)
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/entry/StartController.java b/src/main/java/edu/ntnu/idi/idatt/view/entry/StartController.java
index 04eea82..3767920 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/entry/StartController.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/entry/StartController.java
@@ -10,9 +10,9 @@
 import edu.ntnu.idi.idatt.model.player.Player;
 import edu.ntnu.idi.idatt.storage.SessionManager;
 import edu.ntnu.idi.idatt.storage.StockParser;
+import edu.ntnu.idi.idatt.view.SceneFactory;
 import edu.ntnu.idi.idatt.view.SceneManager;
 import edu.ntnu.idi.idatt.view.components.AbstractController;
-import edu.ntnu.idi.idatt.view.primary.MainView;
 import javafx.stage.FileChooser;
 
 public class StartController extends AbstractController<StartModel> {
@@ -45,7 +45,7 @@ public void initializeGame() {
 
     boolean loadResult = SessionManager.loadSession(model.getName().get());
     if (loadResult) {
-      SceneManager.switchTo(new MainView().getInstance());
+      SceneManager.switchTo(SceneFactory.createExchangeView());
       return;
     } else {
       model.isNewGame().set(true);
@@ -86,7 +86,7 @@ public void initializeGame() {
     Exchange exchange = new Exchange(player.getName(), stocks);
     SessionManager.newSession(player, exchange);
     SessionManager.saveSession();
-    SceneManager.switchTo(new MainView().getInstance());
+    SceneManager.switchTo(SceneFactory.createExchangeView());
   }
 
 }
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeController.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeController.java
new file mode 100644
index 0000000..eed868d
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeController.java
@@ -0,0 +1,52 @@
+package edu.ntnu.idi.idatt.view.primary.exchange;
+
+import java.util.ArrayList;
+
+import edu.ntnu.idi.idatt.model.market.Stock;
+import edu.ntnu.idi.idatt.session.UserSession;
+import edu.ntnu.idi.idatt.view.SceneFactory;
+import edu.ntnu.idi.idatt.view.SceneManager;
+import edu.ntnu.idi.idatt.view.components.AbstractController;
+import edu.ntnu.idi.idatt.view.components.elements.StockComponent;
+
+public class ExchangeController extends AbstractController<ExchangeModel> {
+
+  private UserSession session = UserSession.getInstance();
+  private final ArrayList<StockComponent> loadedStockComponents = new ArrayList<>();
+
+  public ExchangeController(ExchangeModel model) {
+    super(model);
+    for (Stock stock : session.getExchange().getStocks()) {
+      StockComponent stockComponent = new StockComponent(stock);
+      stockComponent.onStockClick((symbol) -> redirectView(symbol));
+      loadedStockComponents.add(stockComponent);
+    }
+    // Initial seeding of view's root.
+    initStockList();
+  }
+
+  public void initStockList() {
+    this.model.getStockList().setAll(loadedStockComponents);
+  }
+
+  public void handleSearchQuery(String query) {
+    if (query == null || query.isBlank()) {
+      initStockList();
+      return;
+    }
+
+    // Clear view's root
+    this.model.getStockList().clear();
+    for (StockComponent stockComponent : loadedStockComponents) { // TODO: Exchange already contains this method
+      if (stockComponent.getTitle().contains(query)) {
+        this.model.getStockList().add(stockComponent);
+      }
+    }
+
+  }
+
+  public void redirectView(String symbol) {
+    SceneManager.switchTo(SceneFactory.createStockView(session.getExchange().getStock(symbol)));
+  }
+
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeModel.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeModel.java
new file mode 100644
index 0000000..4495ea9
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeModel.java
@@ -0,0 +1,16 @@
+package edu.ntnu.idi.idatt.view.primary.exchange;
+
+import edu.ntnu.idi.idatt.view.components.Model;
+import edu.ntnu.idi.idatt.view.components.elements.StockComponent;
+import javafx.collections.FXCollections;
+import javafx.collections.ObservableList;
+
+public class ExchangeModel implements Model {
+
+  private final ObservableList<StockComponent> stockList = FXCollections.observableArrayList();
+
+  public ObservableList<StockComponent> getStockList() {
+    return stockList;
+  }
+
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeView.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeView.java
new file mode 100644
index 0000000..88268c0
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeView.java
@@ -0,0 +1,79 @@
+package edu.ntnu.idi.idatt.view.primary.exchange;
+
+import java.util.List;
+import java.util.function.Consumer;
+
+import edu.ntnu.idi.idatt.session.UserSession;
+import edu.ntnu.idi.idatt.view.SceneFactory;
+import edu.ntnu.idi.idatt.view.SceneManager;
+import edu.ntnu.idi.idatt.view.components.AbstractViewUI;
+import edu.ntnu.idi.idatt.view.components.ui.UIFactory;
+import javafx.beans.binding.Bindings;
+import javafx.geometry.Insets;
+import javafx.geometry.Pos;
+import javafx.scene.Parent;
+import javafx.scene.control.ScrollPane;
+import javafx.scene.layout.Priority;
+import javafx.scene.layout.VBox;
+
+public class ExchangeView extends AbstractViewUI {
+
+  Consumer<String> searchQueryHandler;
+  private VBox root;
+
+  @Override
+  public Parent createContent() {
+    root = new VBox();
+    root.getStyleClass().add("primary");
+    VBox.setVgrow(root, Priority.ALWAYS);
+    root.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
+    root.setAlignment(Pos.CENTER);
+    root.setSpacing(20.0);
+
+    ScrollPane wrapper = new ScrollPane();
+    wrapper.setContent(root);
+    wrapper.setPadding(new Insets(0, 20.0, 0, 20.0));
+    wrapper.setFitToWidth(true);
+    wrapper.setFitToHeight(true);
+    wrapper.getStyleClass().add("primary");
+
+    return wrapper;
+  }
+
+  @Override
+  public Parent createNavigation() {
+    return UIFactory.createNavigation(UserSession.getInstance().getExchange().getName(),
+        List.of(" • Newspaper"),
+        () -> System.out.println("Newspaper clicked"));
+  }
+
+  @Override
+  public Parent createHeader() {
+    return UIFactory.createHeader("Search for stocks",
+        query -> searchQueryHandler.accept(query));
+  }
+
+  @Override
+  public Parent createToolbar() {
+    return UIFactory.createToolbar(() -> this.toggleMenu(),
+        () -> SceneManager.switchTo(SceneFactory.createStartView()));
+  }
+
+  @Override
+  public Parent createMenu() {
+    return UIFactory.createMenu("Account",
+        List.of(" • Portfolio", " • Transactions"),
+        () -> System.out.println("Portfolio clicked!"),
+        () -> System.out.println("Transaction clicked!"));
+
+  }
+
+  public void setModel(ExchangeModel model) {
+    Bindings.bindContent(root.getChildren(), model.getStockList());
+  }
+
+  public void setController(ExchangeController controller) {
+    searchQueryHandler = (query) -> controller.handleSearchQuery(query);
+  }
+
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
new file mode 100644
index 0000000..25974e9
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
@@ -0,0 +1,96 @@
+package edu.ntnu.idi.idatt.view.primary.stock;
+
+import edu.ntnu.idi.idatt.model.market.Stock;
+import edu.ntnu.idi.idatt.session.UserSession;
+import edu.ntnu.idi.idatt.view.components.AbstractController;
+import edu.ntnu.idi.idatt.view.util.CssUtils;
+import javafx.scene.chart.LineChart;
+import javafx.scene.chart.NumberAxis;
+import javafx.scene.chart.XYChart;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.Priority;
+
+public class StockController extends AbstractController<StockModel> {
+
+  private UserSession session = UserSession.getInstance();
+  private final Stock stock;
+
+  public StockController(StockModel model, Stock stock) {
+    super(model);
+    this.stock = stock;
+
+    initStock();
+  }
+
+  public void initStock() {
+    renderGraph();
+    setCurrentPrice();
+    setLatestChange();
+    setAllTimeScore();
+    setOwnedAmount();
+    setTotalProfits();
+  }
+
+  public String getSymbol() {
+    return this.stock.getSymbol();
+  }
+
+  public void renderGraph() {
+    NumberAxis xAxis = new NumberAxis();
+    NumberAxis yAxis = new NumberAxis();
+
+    xAxis.setLabel("Week");
+    yAxis.setLabel("Price [USD]");
+
+    LineChart<Number, Number> lineChart = new LineChart<>(xAxis, yAxis);
+    lineChart.setTitle(stock.getCompany() + " (" + stock.getSymbol() + ") - Prices");
+    XYChart.Series<Number, Number> series = new XYChart.Series<>();
+
+    for (int i = 0; i < stock.getHistoricalPrices().size(); i++) {
+      series.getData()
+          .add(new XYChart.Data<Number, Number>(i, stock.getHistoricalPrices().get(i).intValue()));
+    }
+
+    lineChart.getData().add(series);
+    lineChart.setLegendVisible(false);
+    lineChart.setCreateSymbols(false);
+    HBox.setHgrow(lineChart, Priority.ALWAYS);
+    model.getGraphNodes().setAll(lineChart);
+  }
+
+  public void setCurrentPrice() {
+    model.getStockPrice().set(this.stock.getSalesPrice() + " USD");
+  }
+
+  public void setLatestChange() {
+    double change = this.stock.getLatestPriceChange().doubleValue();
+    double changePercent = this.stock.getLatestPriceChangePercent().doubleValue();
+
+    model.getLatestChange().set(change + " USD "
+        + "(" + changePercent + "%)");
+    model.getLatestChangeColorProperty().set(CssUtils.generateValueColors(change));
+  }
+
+  public void setAllTimeScore() {
+    model.getAllTimeScore().set(this.stock.getHighestPrice() + "/"
+        + this.stock.getLowestPrice() + " USD");
+  }
+
+  public void setOwnedAmount() {
+    double ownedAmount = session.getPlayer().getPortfolio().getOwnedAmount(
+        this.stock.getSymbol()).doubleValue();
+
+    model.getOwnedAmount().set(
+        ownedAmount + " [" + this.stock.getSymbol() + "]");
+  }
+
+  public void setTotalProfits() {
+    double profit = session.getPlayer().getPortfolio().getProfitFromStock(
+        this.stock.getSymbol()).doubleValue();
+    double profitPercent = session.getPlayer().getPortfolio().getChangeFromStock(
+        this.stock.getSymbol());
+
+    model.getTotalProfits().set(profit + " USD (" + profitPercent + "%)");
+    model.getTotalProfitsColorProperty().set(CssUtils.generateValueColors(profit));
+  }
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java
new file mode 100644
index 0000000..2fc471a
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java
@@ -0,0 +1,56 @@
+package edu.ntnu.idi.idatt.view.primary.stock;
+
+import edu.ntnu.idi.idatt.view.components.Model;
+import javafx.beans.property.SimpleStringProperty;
+import javafx.collections.FXCollections;
+import javafx.collections.ObservableList;
+import javafx.scene.Node;
+
+public class StockModel implements Model {
+
+  private final ObservableList<Node> graphNodes = FXCollections.observableArrayList();
+  private final SimpleStringProperty stockPrice = new SimpleStringProperty();
+
+  private final SimpleStringProperty latestChange = new SimpleStringProperty();
+  private final SimpleStringProperty latestChangeColorProperty = new SimpleStringProperty();
+
+  private final SimpleStringProperty allTimeScore = new SimpleStringProperty();
+
+  private final SimpleStringProperty ownedAmount = new SimpleStringProperty();
+
+  private final SimpleStringProperty totalProfits = new SimpleStringProperty();
+  private final SimpleStringProperty totalProfitsColorProperty = new SimpleStringProperty();
+
+  public ObservableList<Node> getGraphNodes() {
+    return this.graphNodes;
+  }
+
+  public SimpleStringProperty getStockPrice() {
+    return stockPrice;
+  }
+
+  public SimpleStringProperty getLatestChange() {
+    return latestChange;
+  }
+
+  public SimpleStringProperty getLatestChangeColorProperty() {
+    return latestChangeColorProperty;
+  }
+
+  public SimpleStringProperty getAllTimeScore() {
+    return allTimeScore;
+  }
+
+  public SimpleStringProperty getOwnedAmount() {
+    return ownedAmount;
+  }
+
+  public SimpleStringProperty getTotalProfits() {
+    return totalProfits;
+  }
+
+  public SimpleStringProperty getTotalProfitsColorProperty() {
+    return totalProfitsColorProperty;
+  }
+
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
new file mode 100644
index 0000000..106af66
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
@@ -0,0 +1,124 @@
+package edu.ntnu.idi.idatt.view.primary.stock;
+
+import java.math.BigDecimal;
+import java.util.List;
+import java.util.stream.Collectors;
+
+import edu.ntnu.idi.idatt.model.portfolio.Share;
+import edu.ntnu.idi.idatt.service.transaction.SaleCalculator;
+import edu.ntnu.idi.idatt.session.UserSession;
+import edu.ntnu.idi.idatt.view.SceneFactory;
+import edu.ntnu.idi.idatt.view.SceneManager;
+import edu.ntnu.idi.idatt.view.components.AbstractViewUI;
+import edu.ntnu.idi.idatt.view.components.elements.TextValueComponent;
+import edu.ntnu.idi.idatt.view.components.ui.UICompositor;
+import edu.ntnu.idi.idatt.view.components.ui.UIFactory;
+import edu.ntnu.idi.idatt.view.util.CssUtils;
+import javafx.beans.binding.Bindings;
+import javafx.geometry.Insets;
+import javafx.geometry.Pos;
+import javafx.scene.Parent;
+import javafx.scene.control.Button;
+import javafx.scene.control.Label;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.Priority;
+import javafx.scene.layout.VBox;
+
+public class StockView extends AbstractViewUI {
+
+  private HBox graphContainer;
+  private Label title;
+
+  // Prices
+  TextValueComponent stockPrice;
+  TextValueComponent latestChange;
+  TextValueComponent allTimeScore;
+  TextValueComponent ownedAmount;
+  TextValueComponent totalProfits;
+
+  // Buttons
+  Button buyButton;
+  Button portfolioButton;
+
+  @Override
+  public Parent createContent() {
+    VBox root = new VBox();
+    root.getStyleClass().add("primary");
+    root.setAlignment(Pos.TOP_LEFT);
+    root.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
+
+    graphContainer = new HBox();
+    graphContainer.setPadding(new Insets(40.0));
+    HBox.setHgrow(graphContainer, Priority.ALWAYS);
+    CssUtils.apply(graphContainer, CssUtils.SMALL_TEXT_12);
+
+    UICompositor userSection = new UICompositor.Builder()
+        .parent(new HBox())
+        .growWithAlignment(Pos.TOP_CENTER)
+        .parentProperties((parent) -> parent.setPadding(new Insets(20.0)))
+        .wrap(new VBox())
+        .addContent(stockPrice = new TextValueComponent("Current price: "))
+        .addContent(latestChange = new TextValueComponent("Latest Price Change: "))
+        .addContent(allTimeScore = new TextValueComponent("All time H/L: "))
+        .addContent(ownedAmount = new TextValueComponent("Owned amount: "))
+        .addContent(totalProfits = new TextValueComponent("Total profits: "))
+        .unwrap()
+        .filler()
+        .wrap(new HBox())
+        .addContent(buyButton = new Button("Buy"))
+        .addContent(portfolioButton = new Button("Sell in portfolio..."))
+        .wrapperProperties((wrapper) -> ((HBox) wrapper).setSpacing(20.0))
+        .unwrap()
+        .build();
+
+    root.getChildren().addAll(graphContainer, userSection.makeUI());
+    return root;
+  }
+
+  @Override
+  public Parent createNavigation() {
+    return UIFactory.createNavigation(title = new Label(),
+        List.of(" • Newspaper"),
+        () -> System.out.println("Newspaper clicked"));
+  }
+
+  @Override
+  public Parent createHeader() {
+    return new HBox();
+  }
+
+  @Override
+  public Parent createToolbar() {
+    return UIFactory.createToolbar(() -> this.toggleMenu(),
+        () -> SceneManager.switchTo(SceneFactory.createStartView()));
+  }
+
+  @Override
+  public Parent createMenu() {
+    return UIFactory.createMenu("Account",
+        List.of(" • Portfolio", " • Transactions"),
+        () -> System.out.println("Portfolio clicked!"),
+        () -> System.out.println("Transaction clicked!"));
+
+  }
+
+  public void setModel(StockModel model) {
+    Bindings.bindContent(graphContainer.getChildren(), model.getGraphNodes());
+    stockPrice.valueProperty().bind(model.getStockPrice());
+
+    latestChange.valueProperty().bind(model.getLatestChange());
+    latestChange.colorProperty().bind(model.getLatestChangeColorProperty());
+
+    allTimeScore.valueProperty().bind(model.getAllTimeScore());
+
+    ownedAmount.valueProperty().bind(model.getOwnedAmount());
+
+    totalProfits.valueProperty().bind(model.getTotalProfits());
+    totalProfits.colorProperty().bind(model.getTotalProfitsColorProperty());
+  }
+
+  public void setController(StockController controller) {
+    title.setText(controller.getSymbol());
+  }
+
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java b/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
index ff3d64c..f4b87db 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
@@ -6,9 +6,16 @@ public class CssUtils {
 
   public static final String BIG_TEXT_32 = "big-text-32";
   public static final String MED_TEXT_16 = "med-text-16";
+  public static final String SMALL_TEXT_12 = "small-text-12";
+  public static final String RED = "red";
+  public static final String GREEN = "green";
 
   public static void apply(Parent parent, String cssClass) {
     parent.getStyleClass().add(cssClass);
   }
 
+  public static String generateValueColors(double value) {
+    return value >= 0 ? GREEN : RED;
+  }
+
 }
diff --git a/src/main/resources/themes/default.css b/src/main/resources/themes/default.css
index a372c2b..f8a8e30 100644
--- a/src/main/resources/themes/default.css
+++ b/src/main/resources/themes/default.css
@@ -10,6 +10,7 @@
   -fx-background-color: #3B8C6E;
 }
 
+
 .title {
   -fx-font-size: 56px;
   -fx-font-weight: 700;
@@ -32,6 +33,20 @@
   -fx-text-fill: #EEEEEE;
 }
 
+.small-text-12{
+  -fx-font-size: 12px;
+  -fx-font-weight: 700;
+  -fx-text-fill: #EEEEEE;
+}
+
+.red {
+  -fx-text-fill: #FF0000;
+}
+
+.green {
+  -fx-text-fill: #00FF00;
+}
+
 /* =======================
    BUTTON STYLE
    ======================= */