From 9db0e2cfcea32555d5e27fea3874045b9dcf309c Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Mon, 10 Feb 2025 23:46:53 -0500
Subject: [PATCH] Update README.md for ssl certificate

---
 frontend/README.md | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/README.md b/frontend/README.md
index 651d21f..b2501cb 100644
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -3,9 +3,18 @@
 ## To Do Link :
 https://docs.google.com/document/d/1xY9KtOGBx80ICbwUJWReO4ZEOIvw_D4quMcRzZ-nMWo/edit?usp=sharing
 
-
 Hutopia frontEnd. Using vue3 and vuetify3.
 
+## System Setup
+
+Setup SSL certificates for localhost on your machine. Use the following commands to generate and store the certificates.
+
+```sh
+openssl genrsa -out localhost-key.pem 
+openssl req -new -key localhost-key.pem -out csr.pem 
+openssl x509 -req -days 365 -in csr.pem -signkey localhost-key.pem -out localhost.pem
+```
+
 ## Recommended IDE Setup
 
 [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).