add screenshots for more projects

Author: nemanjam

src/components/ProjectCard.astro

@@ -30,7 +30,7 @@ const { lastAccessDate, isUpdatedDate } = getPublishedOrUpdatedDate({
     {...IMAGE_SIZES.RESPONSIVE.PROJECT_CARD}
     src={heroImage}
     alt={heroAlt}
-    class="rounded-t-box shadow shadow-base-300 mb-2"
+    class="aspect-video object-cover rounded-t-box shadow shadow-base-300 mb-2"
   />
 
   <h4 class="b-h4 break-words line-clamp-2 mb-0">

src/content/project/2023/02-13-example-project-1/_images/flowers-store.jpg renamed to src/content/project/2014/02-13-example-project-1/_images/flowers-store.jpg

@@ -1,16 +1,16 @@
 ---
 title: This is the first project
 description: Description of the first project
-heroImage: '../../../../content/project/2023/02-13-example-project-1/_images/flowers-store.jpg'
+heroImage: '../../../../content/project/2014/02-13-example-project-1/_images/flowers-store.jpg'
 heroAlt: Flowers store
-publishDate: 2023-02-13
+publishDate: 2014-02-13
 ---
 
 import { Image } from 'astro:assets';
 
 import { IMAGE_SIZES } from '../../../../constants/image';
 
-import FlowersImage from '../../../../content/project/2023/02-13-example-project-1/_images/flowers-store.jpg';
+import FlowersImage from '../../../../content/project/2014/02-13-example-project-1/_images/flowers-store.jpg';
 
 # This is the first project
 

src/content/project/2023/02-13-example-project-1/index.mdx renamed to src/content/project/2014/02-13-example-project-1/index.mdx

@@ -1,17 +1,17 @@
 ---
 title: This is the second project
 description: Description of the second project
-heroImage: '../../../../content/project/2023/03-15-example-project-2/_images/cyco5.jpg'
+heroImage: '../../../../content/project/2014/03-15-example-project-2/_images/cyco5.jpg'
 heroAlt: This is bicycle
-publishDate: 2023-03-15
-updatedDate: 2023-04-21
+publishDate: 2014-03-15
+updatedDate: 2014-04-21
 ---
 
 import { Image } from 'astro:assets';
 
 import { IMAGE_SIZES } from '../../../../constants/image';
 
-import BicycleImage from '../../../../content/project/2023/03-15-example-project-2/_images/cyco5.jpg';
+import BicycleImage from '../../../../content/project/2014/03-15-example-project-2/_images/cyco5.jpg';
 
 
 # This is the second project

src/content/project/2023/03-15-example-project-2/_images/cyco5.jpg renamed to src/content/project/2014/03-15-example-project-2/_images/cyco5.jpg

@@ -1,15 +1,15 @@
 ---
 title: This is the third project
 description: Description of the third project
-heroImage: '../../../../content/project/2023/05-16-example-project-3/_images/morning1.jpg'
-publishDate: 2023-05-16
+heroImage: '../../../../content/project/2014/05-16-example-project-3/_images/morning1.jpg'
+publishDate: 2014-05-16
 ---
 
 import { Image } from 'astro:assets';
 
 import { IMAGE_SIZES } from '../../../../constants/image';
 
-import MorningImage from '../../../../content/project/2023/05-16-example-project-3/_images/morning1.jpg';
+import MorningImage from '../../../../content/project/2014/05-16-example-project-3/_images/morning1.jpg';
 
 # This is the third project
 

src/content/project/2023/03-15-example-project-2/index.mdx renamed to src/content/project/2014/03-15-example-project-2/index.mdx

@@ -0,0 +1,47 @@
+---
+title: Redux ecommerce
+description: Browser extension for comments on Reddit.
+heroImage: '../../../../content/project/2019/09-29-redux-ecommerce/_images/redux-ecommerce.png'
+heroAlt: Homepage Redux ecommerce
+publishDate: 2019-09-29
+---
+
+import { Image } from 'astro:assets';
+import Link from '../../../../components/Link.astro';
+import { IMAGE_SIZES } from '../../../../constants/image';
+import ReduxEcommerceImage from '../../../../content/project/2019/09-29-redux-ecommerce/_images/redux-ecommerce.png';
+
+# Redux ecommerce
+
+<Image {...IMAGE_SIZES.FIXED.MDX_LG} src={ReduxEcommerceImage} class="shadow-lg shadow-base-300" alt="Reddit unread comments browser extension" />
+
+## Overview
+
+Chrome/Firefox extension for easier tracking of new comments on Reddit.
+
+## Goal
+
+Build a custom blog script for my personal coding blog.
+
+## Tech stack
+
+- Browser extension, React, RadixUI, Typescript
+
+## Features
+
+- Static Astro website
+
+## Implementation details
+
+You can find more implementation details in the <Link href="https://github.com/nemanjam/redux-ecommerce" variant="markdown" target="_blank" title="README.md">README.md</Link> file on Github.
+
+## Lessons learned 
+
+- Currently Astro is the best framework for building static websites.
+
+## Links
+
+- **Demo:** <Link href="https://nemanjam.github.io/redux-ecommerce" variant="markdown" target="_blank" title="Redux ecommerce demo" />
+- **Repository:** <Link href="https://github.com/nemanjam/redux-ecommerce" variant="markdown" target="_blank" title="Redux ecommerce repository" />
+
+