Changed seeded data, all blogs showing on home page

cbmongithub · Jul 25, 2023 · 3477783 · 3477783
1 parent cc6900d
commit 3477783
Show file tree

Hide file tree

Showing 4 changed files with 77 additions and 11 deletions.
diff --git a/models/Post.js b/models/Post.js
@@ -22,7 +22,7 @@ Post.init(
       },
     },
     created_at: {
-      type: DataTypes.DATE,
+      type: DataTypes.DATEONLY,
       allowNull: false,
       defaultValue: DataTypes.NOW,
     },

diff --git a/seeds/comment-seeds.js b/seeds/comment-seeds.js
@@ -2,18 +2,20 @@ const { Comment } = require('../models')
 
 const commentData = [
   {
-    comment_text: "I can't wait to finish this BootCamp and get a job",
+    comment_text:
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sagittis odio a.',
     post_id: 3,
     user_id: 1,
   },
   {
     comment_text:
-      'Handlebars partials help you with avoiding to write repetitive code',
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sagittis odio a.',
     post_id: 1,
     user_id: 4,
   },
   {
-    comment_text: 'I love every single form potatoes can be made',
+    comment_text:
+      'ILorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sagittis odio a.',
     post_id: 4,
     user_id: 2,
   },

diff --git a/seeds/post-seeds.js b/seeds/post-seeds.js
@@ -4,25 +4,37 @@ const postData = [
   {
     title: 'What is React?',
     post_text:
-      'React is awesome javascript library for creating exceptional front end user experiences. Try it today!',
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec velit vel metus volutpat malesuada a ut sapien. Sed ac elit dui. Proin ornare aliquet interdum. Pellentesque eu urna vulputate, venenatis tortor quis, tristique massa. Curabitur blandit eu lacus congue ullamcorper. Vestibulum in imperdiet quam. Proin dignissim porttitor neque congue eleifend. Nam urna nibh, egestas a nisi blandit, aliquet fermentum leo. Donec dignissim finibus nisl, et posuere lorem vulputate sed.',
     user_id: 1,
   },
   {
-    title: 'Why is MVC so important?',
+    title: 'What is NextJs?',
     post_text:
-      'MVC allows developers to maintain a true separation of concepts, devising their code between the Model layer for data, the View layer for design, and the Controller layer for application logic.',
-    user_id: 1,
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec velit vel metus volutpat malesuada a ut sapien. Sed ac elit dui. Proin ornare aliquet interdum. Pellentesque eu urna vulputate, venenatis tortor quis, tristique massa. Curabitur blandit eu lacus congue ullamcorper. Vestibulum in imperdiet quam. Proin dignissim porttitor neque congue eleifend. Nam urna nibh, egestas a nisi blandit, aliquet fermentum leo. Donec dignissim finibus nisl, et posuere lorem vulputate sed.',
+    user_id: 2,
+  },
+  {
+    title: 'Object Oriented Programming',
+    post_text:
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec velit vel metus volutpat malesuada a ut sapien. Sed ac elit dui. Proin ornare aliquet interdum. Pellentesque eu urna vulputate, venenatis tortor quis, tristique massa. Curabitur blandit eu lacus congue ullamcorper. Vestibulum in imperdiet quam. Proin dignissim porttitor neque congue eleifend. Nam urna nibh, egestas a nisi blandit, aliquet fermentum leo. Donec dignissim finibus nisl, et posuere lorem vulputate sed.',
+    user_id: 3,
   },
   {
     title: 'Authentication Vs Authorization',
     post_text:
-      'Authorization refers to rules that determine who is allowed to do what. E.g. Adam may be authorized to create and delete databases, while Usama is only authorised to read. The two concepts are completely orthogonal and independent, but both are central to security design, and the failure to get either one correct opens up the avenue to compromise. In terms of web apps, very crudely speaking, authentication is when you check login credentials to see if you recognize a user as logged in, and authorization is when you look up in your access control whether you allow the user to view, edit, delete or create content.',
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec velit vel metus volutpat malesuada a ut sapien. Sed ac elit dui. Proin ornare aliquet interdum. Pellentesque eu urna vulputate, venenatis tortor quis, tristique massa. Curabitur blandit eu lacus congue ullamcorper. Vestibulum in imperdiet quam. Proin dignissim porttitor neque congue eleifend. Nam urna nibh, egestas a nisi blandit, aliquet fermentum leo. Donec dignissim finibus nisl, et posuere lorem vulputate sed.',
     user_id: 4,
   },
   {
     title: 'Object-Relational Mapping',
     post_text:
-      "I really love learning about ORM's. It's really simplified the way i create queries in SQL.",
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec velit vel metus volutpat malesuada a ut sapien. Sed ac elit dui. Proin ornare aliquet interdum. Pellentesque eu urna vulputate, venenatis tortor quis, tristique massa. Curabitur blandit eu lacus congue ullamcorper. Vestibulum in imperdiet quam. Proin dignissim porttitor neque congue eleifend. Nam urna nibh, egestas a nisi blandit, aliquet fermentum leo. Donec dignissim finibus nisl, et posuere lorem vulputate sed.',
+    user_id: 5,
+  },
+  {
+    title: 'Model View Controllers',
+    post_text:
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec velit vel metus volutpat malesuada a ut sapien. Sed ac elit dui. Proin ornare aliquet interdum. Pellentesque eu urna vulputate, venenatis tortor quis, tristique massa. Curabitur blandit eu lacus congue ullamcorper. Vestibulum in imperdiet quam. Proin dignissim porttitor neque congue eleifend. Nam urna nibh, egestas a nisi blandit, aliquet fermentum leo. Donec dignissim finibus nisl, et posuere lorem vulputate sed.',
     user_id: 5,
   },
 ]

diff --git a/views/home.handlebars b/views/home.handlebars
@@ -1 +1,53 @@
-<p>This is the homepage</p>
+<div class='bg-white pb-24 sm:py-32'>
+  <div class='mx-auto max-w-7xl px-6 lg:px-8'>
+    <div class='mx-auto max-w-2xl lg:mx-0'>
+      <h2
+        class='text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl'
+      >Latest blogs</h2>
+      <p class='mt-2 text-lg leading-8 text-gray-600'>Browse through recent
+        blogs created by people from around the world</p>
+    </div>
+    <div
+      class='mx-auto mt-10 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 border-t border-gray-200 pt-10 sm:mt-16 sm:pt-16 lg:mx-0 lg:max-w-none lg:grid-cols-3'
+    >
+      {{#each allPosts}}
+        <article class='flex max-w-xl flex-col items-start justify-between'>
+          <div class='flex items-center gap-x-4 text-xs'>
+            <time
+              datetime='2020-03-16'
+              class='text-gray-500'
+            >{{this.created_at}}</time>
+            <a
+              href='#'
+              class='relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100'
+            >Blog</a>
+          </div>
+          <div class='group relative'>
+            <h3
+              class='mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600'
+            >
+              <a href='#'>
+                <span class='absolute inset-0'></span>
+                {{this.title}}
+              </a>
+            </h3>
+            <p
+              class='mt-5 text-sm leading-6 text-gray-600'
+            >{{this.post_text}}</p>
+          </div>
+          <div class='relative mt-8 flex items-center gap-x-4'>
+            <div class='text-sm leading-6'>
+              <p class='font-semibold text-gray-900'>
+                <a href='#'>
+                  <span class='absolute inset-0'></span>
+                  -
+                  {{this.user.full_name}}
+                </a>
+              </p>
+            </div>
+          </div>
+        </article>
+      {{/each}}
+    </div>
+  </div>
+</div>