frontend mini-projects added

assets/js/data/projects.json

@@ -1,6 +1,6 @@
 [
   {
-    "category": "frontend",
+    "category": "frontend <span>&gt;</span> templates",
     "projects": [
       {
         "name": "botostart",
@@ -73,5 +73,91 @@
         "sources": [{ "title": "github", "url": "https://github.com/devshashtag/job-search" }]
       }
     ]
+  },
+  {
+    "category": "frontend <span>&gt;</span> mini-projects",
+    "projects": [
+      {
+        "name": "blog header",
+        "root": "/frontend-mini/blog-header",
+        "description": "an scss blog-header",
+        "tags": ["html", "scss", "javascript", "responsive"],
+        "image": "/assets/images/projects/frontend-mini/blog-header.webp",
+        "pages": [{ "title": "home", "url": "/" }],
+        "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/blog-header" }]
+      },
+      {
+        "name": "responsive navbar",
+        "root": "/frontend-mini/responsive-navbar",
+        "description": "a css responsive-navbar",
+        "tags": ["html", "css", "javascript", "responsive"],
+        "image": "/assets/images/projects/frontend-mini/responsive-navbar.webp",
+        "pages": [{ "title": "home", "url": "/" }],
+        "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/responsive-navbar" }]
+      },
+      {
+        "name": "full page header",
+        "root": "/frontend-mini/full-page-header",
+        "description": "a simple css full page header",
+        "tags": ["html", "css"],
+        "image": "/assets/images/projects/frontend-mini/full-page-header.webp",
+        "pages": [{ "title": "home", "url": "/" }],
+        "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/full-page-header" }]
+      },
+      {
+        "name": "analog world clock",
+        "root": "/frontend-mini/analog-world-clock",
+        "description": "a simple analog world-clock",
+        "tags": ["html", "css", "javascript", "responsive"],
+        "image": "/assets/images/projects/frontend-mini/analog-world-clock.webp",
+        "pages": [{ "title": "home", "url": "/" }],
+        "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/analog-world-clock" }]
+      },
+      {
+        "name": "matrix",
+        "root": "/frontend-mini/matrix",
+        "description": "a program that simulate matrix letters falling from sky",
+        "tags": ["html", "css", "javascript", "responsive"],
+        "image": "/assets/images/projects/frontend-mini/matrix.webp",
+        "pages": [{ "title": "home", "url": "/" }],
+        "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/matrix" }]
+      },
+      {
+        "name": "galaxy stars",
+        "root": "/frontend-mini/galaxy-stars",
+        "description": "a program that simulate moving in space and galaxy stars comming near you",
+        "tags": ["html", "css", "javascript", "responsive"],
+        "image": "/assets/images/projects/frontend-mini/galaxy-stars.webp",
+        "pages": [{ "title": "home", "url": "/" }],
+        "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/galaxy-stars" }]
+      },
+      {
+        "name": "eve",
+        "root": "/frontend-mini/eve",
+        "description": "eve from wall-e movie",
+        "tags": ["html", "css", "responsive"],
+        "image": "/assets/images/projects/frontend-mini/eve.webp",
+        "pages": [{ "title": "home", "url": "/" }],
+        "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/eve" }]
+      },
+      {
+        "name": "strength potion",
+        "root": "/frontend-mini/strength-potion",
+        "description": "a simple redesign of strength-potion",
+        "tags": ["html", "css", "responsive"],
+        "image": "/assets/images/projects/frontend-mini/strength-potion.webp",
+        "pages": [{ "title": "home", "url": "/" }],
+        "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/strength-potion" }]
+      },
+      {
+        "name": "windows calculator",
+        "root": "/frontend-mini/windows-calculator",
+        "description": "simulated design of windows calculator on web",
+        "tags": ["html", "css", "javascript", "responsive"],
+        "image": "/assets/images/projects/frontend-mini/windows-calculator.webp",
+        "pages": [{ "title": "home", "url": "/" }],
+        "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/windows-calculator" }]
+      }
+    ]
   }
 ]