Feature/demi

.github/workflows/format-check.yml

@@ -0,0 +1,18 @@
+name: Format Check
+on:
+  pull_request:
+    branches:
+      - main
+jobs:
+  format:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Install dependencies
+        run: npm install
+      - name: Run Prettier
+        run: npx prettier --check

.husky/pre-commit

@@ -0,0 +1,13 @@
+#!/bin/sh
+# Skip the Husky shell script headers that will fail in v10.0.0
+
+# Check TypeScript types
+echo "🔎 Checking TypeScript types..."
+npm run typecheck || {
+  echo "❌ TypeScript type check failed. Please fix the type errors before committing."
+  exit 1
+}
+
+# Run lint-staged
+echo "🔍 Running lint-staged..."
+npx lint-staged

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "useTabs": true,
+  "printWidth": 100,
+  "bracketSpacing": true,
+  "arrowParens": "avoid"
+}

README.md

@@ -1,4 +1,3 @@
-
 <h1 align="center" style="bold">Tek Talent Africa Community Site</h1>
 
 <p align="center">
@@ -40,17 +39,17 @@
 
 ## 🧰 Tech Stack
 
-| Tech | Description |
-|------|-------------|
-| **React** | Frontend library for UI development |
-| **TypeScript** | Typed JavaScript for better maintainability |
-| **Tailwind CSS** | Utility-first, responsive styling |
-| **Shadcn/UI** | Accessible, modern UI components |
-| **React Router** | Routing with `HashRouter` support |
-| **React Query** | Asynchronous data handling |
-| **Gray Matter** | Markdown frontmatter parsing |
-| **React Markdown** | Markdown content renderer |
-| **Lucide Icons** | Clean and beautiful SVG icons |
+| Tech               | Description                                 |
+| ------------------ | ------------------------------------------- |
+| **React**          | Frontend library for UI development         |
+| **TypeScript**     | Typed JavaScript for better maintainability |
+| **Tailwind CSS**   | Utility-first, responsive styling           |
+| **Shadcn/UI**      | Accessible, modern UI components            |
+| **React Router**   | Routing with `HashRouter` support           |
+| **React Query**    | Asynchronous data handling                  |
+| **Gray Matter**    | Markdown frontmatter parsing                |
+| **React Markdown** | Markdown content renderer                   |
+| **Lucide Icons**   | Clean and beautiful SVG icons               |
 
 ---
 
@@ -114,13 +113,13 @@ Markdown location: `content/blog/*.md`
 
 ```yaml
 ---
-title: "Post Title"
-date: "YYYY-MM-DD"
-slug: "post-slug"
-description: "Short summary"
-author: "Author Name"
-image: "url-to-image"
-category: "Tech/Events/Other"
+title: 'Post Title'
+date: 'YYYY-MM-DD'
+slug: 'post-slug'
+description: 'Short summary'
+author: 'Author Name'
+image: 'url-to-image'
+category: 'Tech/Events/Other'
 ---
 ```
 
@@ -130,12 +129,12 @@ Markdown location: `content/events/*.md`
 
 ```yaml
 ---
-title: "Event Title"
-date: "YYYY-MM-DD"
-slug: "event-slug"
-description: "Event summary"
-image: "url-to-image"
-location: "City, Country"
+title: 'Event Title'
+date: 'YYYY-MM-DD'
+slug: 'event-slug'
+description: 'Event summary'
+image: 'url-to-image'
+location: 'City, Country'
 ---
 ```
 
@@ -166,6 +165,7 @@ The site is designed for **GitHub Pages** using `HashRouter` to handle routing.
 ### 🛠 Build & Deploy Steps
 
 1. **Build the Project**:
+
    ```bash
    npm run build
    ```
@@ -181,7 +181,7 @@ name: Deploy to GitHub Pages
 
 on:
   push:
-    branches: [ main ]
+    branches: [main]
 
 jobs:
   build-and-deploy:

components.json

@@ -1,20 +1,20 @@
 {
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "default",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.ts",
-    "css": "src/index.css",
-    "baseColor": "slate",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  }
-}
+	"$schema": "https://ui.shadcn.com/schema.json",
+	"style": "default",
+	"rsc": false,
+	"tsx": true,
+	"tailwind": {
+		"config": "tailwind.config.ts",
+		"css": "src/index.css",
+		"baseColor": "slate",
+		"cssVariables": true,
+		"prefix": ""
+	},
+	"aliases": {
+		"components": "@/components",
+		"utils": "@/lib/utils",
+		"ui": "@/components/ui",
+		"lib": "@/lib",
+		"hooks": "@/hooks"
+	}
+}

content/blog/test-of-the-blog.md

@@ -1,26 +1,33 @@
 ---
-title: "Test of the blog"
-date: "2025-04-17"
-slug: "test-of-the-blog"
-description: "Just a test of the blog"
-author: "Author"
-image: "public/uploads/tektalentlogo.png"
-category: "Technology"
+title: 'Test of the blog'
+date: '2025-04-17'
+slug: 'test-of-the-blog'
+description: 'Just a test of the blog'
+author: 'Author'
+image: 'public/uploads/tektalentlogo.png'
+category: 'Technology'
 ---
+
 ## Overview
+
 Our blog system is built using a static markdown-based approach, which provides several benefits including:
+
 - Fast loading times
 - Easy content management
 - Version control friendly
 - SEO optimized
 
 ## Content Structure
+
 Each blog post consists of two main parts:
+
 1. Frontmatter (Metadata)
 2. Content (Markdown)
 
 ### Frontmatter
+
 The frontmatter contains essential metadata about the blog post:
+
 - title: The main title of the post
 - date: Publication date
 - description: A brief summary of the post
@@ -30,7 +37,9 @@ The frontmatter contains essential metadata about the blog post:
 - slug: URL-friendly identifier
 
 ### Content
+
 The main content is written in Markdown format, which supports:
+
 - Headers
 - Lists
 - Links
@@ -39,13 +48,16 @@ The main content is written in Markdown format, which supports:
 - And more...
 
 ## Technical Implementation
+
 The system uses:
+
 - TypeScript for type safety
 - Gray-matter for parsing markdown files
 - Static file generation for optimal performance
 
 ## How to Create a New Post
+
 1. Create a new markdown file
 2. Add frontmatter with required metadata
 3. Write content in markdown format
-4. Save the file in the appropriate directory
+4. Save the file in the appropriate directory