Read posts dir

src/main.rs

 use std::env;
-use std::fs::File;
+use std::fs::{read_dir, File};
 use std::io::prelude::*;
 use std::io::{Error, ErrorKind};
 use std::path::PathBuf;
 
-use chrono::prelude::{Local, NaiveDate};
+use async_std::fs::read_to_string;
+use chrono::prelude::Local;
 use dotenv;
 use serde::{Deserialize, Serialize};
 use serde_json;
     }
 }
 
-fn get_posts_directory() -> Result<PathBuf, std::io::Error> {
+fn get_posts_directory() -> Result<PathBuf, Error> {
     match env::var("POSTS_DIR") {
         Ok(dir) => Ok(dir.into()),
         Err(_) => Err(Error::new(
     }
 }
 
+async fn read_all_posts() -> Result<Vec<Post>, Error> {
+    let path = get_posts_directory()?;
+    let mut posts: Vec<Post> = vec![];
+
+    for file in read_dir(path)? {
+        let file = file?;
+        let contents = read_to_string(file.path()).await?;
+        let post: Post = serde_json::from_str(&contents)?;
+        posts.push(post);
+    }
+
+    Ok(posts)
+}
+
 #[async_std::main]
 async fn main() -> std::io::Result<()> {
     dotenv::dotenv().ok();
 
     app.at("/admin").get(|_| async {
         let tera = Tera::new("templates/**/*.html")?;
-        let html = tera.render("admin/index.html", &Context::new())?;
+        let posts = read_all_posts().await?;
+        let mut context = Context::new();
+        context.insert("posts", &posts);
+        let html = tera.render("admin/index.html", &context)?;
         Ok(Body::from_string(html))
     });
 

templates/admin/index.html

     <input class="form__button" type="submit" value="Post" />
   </div>
 </form>
+
+<div class="posts">
+  {% for post in posts %}
+  <div class="posts__post post">
+    <h3 class="post__heading">{{ post.title }} // {{ post.date }}</h3>
+    <div class="post__body">
+      {{ post.body }}
+    </div>
+  </div>
+  {% endfor %}
+</div>
 {% endblock %}

templates/admin/layout.html

 
       body {
         background: #aab5a9;
+        color: #383e37;
         font-family: Verdana, Geneva, Tahoma, sans-serif;
         font-size: 12px;
       }
         padding: 0.25em 1em;
       }
 
+      .post {
+        margin: 4em 0;
+      }
+
+      .post__heading {
+        background: white;
+        border: 1px solid #383e37;
+        margin: 1em 0;
+        padding: 0.25em;
+      }
+
+      .post__heading {
+        font-size: 12px;
+        font-style: italic;
+      }
+
+      .post__heading::before {
+        content: ':: ';
+        font-style: normal;
+        font-weight: normal;
+      }
+
       @media (max-width: 500px) {
         .form__button {
           width: 100%;