diff --git a/backend/server.js b/backend/server.js
index ade9169..5ea3be9 100644
--- a/backend/server.js
+++ b/backend/server.js
@@ -1,11 +1,19 @@
+// set static variables
 const express = require("express");
 const app = express();
 const fs = require("fs");
 const path = require("path");
+const marked = require("marked");
 
 app.set("view engine", "ejs");
 
+app.get("/add", (req, res) => {
+  res.render("addRecipe/index");
+});
+
 app.get("/", (req, res) => {
+
+  // script to sync recipes
   const recipesFolder = path.join(__dirname, "database/recipes");
   fs.readdir(recipesFolder, (err, files) => {
     if (err) {
@@ -18,16 +26,15 @@ app.get("/", (req, res) => {
       const content = fs.readFileSync(path.join(recipesFolder, file), "utf8");
       return {
         title: path.basename(file, ".txt"),
-        content: content,
+        content: marked.parse(content),
       };
     });
 
     res.render("index", { recipes });
   });
-});
 
-app.get("/add", (req, res) => {
-  res.render("addRecipe/index");
+  // script to render in markdown
+  
 });
 
 // middleware for add recipe
diff --git a/backend/views/index.ejs b/backend/views/index.ejs
index 771d9e2..f19023a 100644
--- a/backend/views/index.ejs
+++ b/backend/views/index.ejs
@@ -28,7 +28,7 @@
         <% recipes.forEach(recipe => { %>
         <div class="recipe-card">
           <h2><%= recipe.title %></h2>
-          <p><%- recipe.content.replace(/\n/g, "<br />") %></p>
+          <div class="markdown"><%- recipe.content %></div>
         </div>
         <% }) %>
       </section>