Merge pull request #73 from SamixYasuke/feat/add-ci-pipeline

chore: add git ci workflow

Author: RUKAYAT-CODER

.github/workflows/ci.yml

@@ -0,0 +1,35 @@
+name: Frontend CI
+
+on:
+  push:
+    branches: [main, develop]
+  pull_request:
+    branches: [main, develop]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run Lint
+        run: npm run lint
+
+      - name: Run Type Check
+        run: npm run type-check
+
+      - name: Run Build
+        run: npm run build
+
+      - name: Run Tests
+        run: npm run test

README.md

@@ -1,8 +1,9 @@
-
 ### 🌐 `web/README.md`
 
 # 📚 TeachLink Frontend
 
+![Frontend CI](https://github.com/teachlink/frontend/actions/workflows/ci.yml/badge.svg)
+
 **TeachLink** is a decentralized platform built for technocrats to **share, analyze, and monetize knowledge** through collaborative content, blockchain-based tipping, and gamified reputation. This repository contains the frontend codebase built with **Next.js (App Router)**, **Tailwind CSS**, and integrated with **Starknet** for seamless Web3 interactions.
 
 ---
@@ -11,19 +12,19 @@
 
 TeachLink empowers users to:
 
-- 📢 Share knowledge, tutorials, or insights  
-- 🧠 Engage in discussions and collaborative learning  
-- 💸 Earn through on-chain tipping  
-- 🔗 Build reputation with verifiable Web3 credentials  
+- 📢 Share knowledge, tutorials, or insights
+- 🧠 Engage in discussions and collaborative learning
+- 💸 Earn through on-chain tipping
+- 🔗 Build reputation with verifiable Web3 credentials
 
 This frontend serves as the main user interface for interacting with TeachLink's decentralized knowledge ecosystem. It supports wallet-based login, markdown post creation, tipping, theming, user profiles, and topic feeds—all while maintaining a seamless Web2.5 user experience.
 
 ---
 
 ## 🧱 Tech Stack
 
-| Layer       | Technology               |
-|------------|--------------------------|
+| Layer      | Technology               |
+| ---------- | ------------------------ |
 | Framework  | Next.js (App Router)     |
 | Styling    | Tailwind CSS             |
 | Web3       | Starknet.js, StarknetKit |
@@ -37,13 +38,13 @@ This frontend serves as the main user interface for interacting with TeachLink's
 
 ## ⚙️ Features
 
-- 🔐 **Starknet Wallet Integration** – Login and interact using Starknet-compatible wallets  
-- 🧾 **Markdown-Based Post Editor** – Rich, previewable post creation using markdown  
-- 💡 **Tipping System** – Send and receive on-chain tips via smart contracts  
-- 🌙 **Dark/Light Theme Toggle** – Accessible theming using Tailwind CSS  
-- 🔎 **Dynamic Routing with App Router** – Clean, scalable navigation  
-- 📂 **Profile and Topic Pages** – View user-specific content and explore topic-specific posts  
-- 📱 **Responsive Layout** – Fully mobile-ready with modular components  
+- 🔐 **Starknet Wallet Integration** – Login and interact using Starknet-compatible wallets
+- 🧾 **Markdown-Based Post Editor** – Rich, previewable post creation using markdown
+- 💡 **Tipping System** – Send and receive on-chain tips via smart contracts
+- 🌙 **Dark/Light Theme Toggle** – Accessible theming using Tailwind CSS
+- 🔎 **Dynamic Routing with App Router** – Clean, scalable navigation
+- 📂 **Profile and Topic Pages** – View user-specific content and explore topic-specific posts
+- 📱 **Responsive Layout** – Fully mobile-ready with modular components
 
 ---
 
@@ -67,6 +68,7 @@ globals.css → Tailwind directives
 ## 🛠 Setup Instructions
 
 1. **Clone the repo**
+
 ```bash
 git clone https://github.com/teachlink/frontend.git
 cd frontend
@@ -143,3 +145,4 @@ let make our code clean, maintainable and scallable. Keep to Standard
 📜 License
 MIT © 2025 TeachLink DAO
 
+```

package-lock.json

@@ -10,7 +10,8 @@
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
     "test:ui": "vitest --ui",
-    "test:watch": "vitest --watch"
+    "test:watch": "vitest --watch",
+    "type-check": "tsc --noEmit"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
@@ -52,6 +53,9 @@
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
+    "@types/chai": "^5.2.3",
+    "@types/d3-array": "^3.2.2",
+    "@types/d3-color": "^3.1.3",
     "@types/node": "^20",
     "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",