From de9e0e1d549e26e0783a304fa14e862064d9d7a8 Mon Sep 17 00:00:00 2001 From: nassim haddad <96618951+98n@users.noreply.github.com> Date: Sat, 10 Jan 2026 16:30:56 +0000 Subject: [PATCH 1/6] Main --- node_modules/.package-lock.json | 2 +- package-lock.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json index 93decc74..01a70211 100644 --- a/node_modules/.package-lock.json +++ b/node_modules/.package-lock.json @@ -1,5 +1,5 @@ { - "name": "Algorand-dApp-Quick-Start-Template-TypeScript", + "name": "Algo-training-bazaar", "lockfileVersion": 3, "requires": true, "packages": { diff --git a/package-lock.json b/package-lock.json index 505b9886..3e3b40a9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,5 +1,5 @@ { - "name": "Algorand-dApp-Quick-Start-Template-TypeScript", + "name": "Algo-training-bazaar", "lockfileVersion": 3, "requires": true, "packages": { From b549215a8fde5045ebfbaee29980291bfe9fb476 Mon Sep 17 00:00:00 2001 From: nassim haddad <96618951+98n@users.noreply.github.com> Date: Sat, 10 Jan 2026 16:35:16 +0000 Subject: [PATCH 2/6] important From 2d159f9f687fb6770202732f590043b5c6f685a6 Mon Sep 17 00:00:00 2001 From: nassim haddad <96618951+98n@users.noreply.github.com> Date: Sat, 10 Jan 2026 18:44:20 +0200 Subject: [PATCH 3/6] Revise README with project details and setup instructions Added project overview and instructions for using the Algorand dApp template, including setup steps for Codespaces and project structure. --- README.md | 149 +----------------------------------------------------- 1 file changed, 1 insertion(+), 148 deletions(-) diff --git a/README.md b/README.md index d4b159ef..f166c707 100644 --- a/README.md +++ b/README.md @@ -1,148 +1 @@ -# Algorand-dApp-Quick-Start-Template-TypeScript - -This is a full-stack starter template for quickly building and testing Web3 ideas on Algorand. It includes: - -- Wallet connection -- Send ALGO or USDC payments -- NFT minting (IPFS metadata via Pinata) -- Asset (ASA) creation -- Smart contract interaction demo - -Use this template to kickstart your project, prototype ideas, and showcase a working proof-of-concept. - -## 🌟 How To Get Started Instructions - -### **Fork the Repo:** - -To create your own copy of this repository: - -a. **Go to the GitHub Repository:** - - Navigate to the main page which is the current one your on. - -b. **Click the "Fork" Button:** - - In the top-right corner of the page, click the **Fork** button. This will create a copy of the repository under your GitHub account. Feel free to hit the ⭐️ aswell so you can find the Algorand-dApp-Quick-Start-Template-Typescript repo easily! - -c. **Wait for the Forking Process to Complete:** - - GitHub will take a few moments to create the fork. Once complete, you’ll be redirected to your newly created fork. - - -https://github.com/user-attachments/assets/92e746e1-3143-4769-8a5a-1339e4bd7a14 - - -## πŸš€ Start with Codespaces -This is the fastest way to get up and running! - -1. **Create a Codespace:** - - - Click the green "Code" button at the top right of your forked repo. - - Select "Create codespace on main". - - Once your Codespace is fully loaded, you are ready to go. - - Run the set up command below in your terminal it should only take a few mins. - - ```bash - bash setup.sh - ``` - -2. **While in Codespace:** - - - After you successfully ran the setup in your terminal then enter your workspace. Like seen in the picture below! - - image - -3. **While in Workspace: ⚠️ Important Environment Setup** - - **1. Network Settings (Frontend) 🌐** - - This setup is required to get the webpage running and connected to the correct Algorand network. - - Path: `QuickStartTemplate/projects/QuickStartTemplate-frontend` - - Steps: - - Locate the file `.env.template` in the path above. - - Create a new file named `.env` in the same folder as the path above. - - Copy all contents from `.env.template` - - Paste into your new .env file. - - **2. NFT Minting (Pinata) πŸ–ΌοΈ** - - This setup is required only if you plan to use the NFT Minting functionality. - - Path: `QuickStartTemplate-contracts/nft_mint_server` - - Steps: - - Locate the file `.env.template` in the path above. - - Copy all the contents of `.env.template`. - - Create a new file named `.env` in the same folder. - - Paste the copied content into your `.env`. - - Follow the instructions inside `.env.template` to generate your **Pinata API Key** and **Secret Key**, and replace the placeholders in your new `.env` file. - -## Final Step: Run the project! - > πŸ’‘ **Note:** You can stay in the **root directory** of the project when running the command. - > (This is usually the folder automatically opened when entering the Workspace, so you don’t need to move elsewhere.) - - Once your `.env` files are ready (Expecially the Network one), run the command below to start the project: - - ```bash - npm run dev - ``` - - After running the command, open the localhost URL shown in your terminal. - - **Important: Set Visibility** - You’ll likely see a pop-up in the bottom-right corner. Click Set public to make the server accessible. - OR **manually go to the Ports section, right-click the 3001 port, and set its visibility to Public.** - - image - -## The Entire Process in a 2 min video: - -Check out this demonstration video of the entire process above if you prefer a visual walkthrough. -You can find it on Google Drive here: https://drive.google.com/file/d/183j8jtXsYzDEmVw-FxGTVvwAhPBh5SRy/view?usp=sharing - -## Pro Tip! -GitHub Codespaces is included with free accounts but comes with a monthly limit of 60 hours. - -To avoid losing your progress, be sure to **commit your changes regularly** β€” just like shown in the video demo below β€” so your updates are saved to your forked repository. - -https://github.com/user-attachments/assets/dd452ea1-3070-4718-af34-bea978e208ab - - -## Project Structure Simplified - -**Front-end Files** -- `projects/QuickStartTemplate-frontend/src/` β€” Frontend Webpage files -- `projects/QuickStartTemplate-frontend/src/Home.tsx` - Homepage (you can design this page) -- `projects/QuickStartTemplate-frontend/src/App.tsx` β€” Main app layout and routing -- `projects/QuickStartTemplate-frontend/src/components/Transact.tsx` β€” Simple transfer ALGO & USDC, Opt-In and Atomic Transfer Logic -- `projects/QuickStartTemplate-frontend/src/components/NFTmint.tsx` β€” Simple NFT minting interface -- `projects/QuickStartTemplate-frontend/src/components/Tokenmint.tsx` β€” Simple token (ASA) minting interface -- `projects/QuickStartTemplate-frontend/src/components/AppCalls.tsx` β€” Smart contract interaction demo - -**Back-end Files** -- `projects/QuickStartTemplate-contracts/smart_contracts/hello_world/contract.algo.ts` β€” Example TypeScript smart contract (Default AlgoKit Hello World) -- `projects/QuickStartTemplate-contracts/nft_mint_server/` β€” Backend server for NFT minting (contains `.env.template` and where you create your own `.env`) - - -## Bonus Resources & Reference Guide - -Need more help? See the Algorand-dApp-Quick-Start-Template Reference Guide for step-by-step instructions, AI prompts, and troubleshooting tips: - -[View the guide](https://docs.google.com/document/d/1f_ysbtFOLKM_Tjvey7VCcGYsAzOmyEVmsdC5si936wc/edit?usp=sharing) - -Below are videos on: -- How to connect to Testnet on Pera -- How to use the Algo Dispenser -- How to use the USDC Dispenser - -**How to connext to testnet on Pera Wallet** - -https://github.com/user-attachments/assets/31df8135-119e-4529-9539-4943de979719 - -**How to use the Algo Dispenser** - -https://github.com/user-attachments/assets/643cae10-4673-4b68-8e95-4a3f16fbba60 - -**How to use the USDC Dispenser** - -https://github.com/user-attachments/assets/a76e90fa-97f4-44f8-a7e8-a8ccabd24398 - +The project Training Bazaar AI involves using Algorand coins for developers to rent AI models or AI agents from huggingface from the marketplace in this project directly to the device of preference example;laptop,mobile phone,this project also invloves using a reward system by which users can even if they own a low end device mine Algorand coins and withdraw their reawards directly to Pera wallet. From 71c953293c2bad0671326b8eeb32aa91c154b272 Mon Sep 17 00:00:00 2001 From: nassim haddad <96618951+98n@users.noreply.github.com> Date: Sat, 10 Jan 2026 18:47:16 +0200 Subject: [PATCH 4/6] Add files via upload --- .env.local | 1 + .gitignore | 24 ++++++ App.tsx | 230 +++++++++++++++++++++++++++++++++++++++++++++++++ README.md | 21 ++++- constants.tsx | 67 ++++++++++++++ index.html | 80 +++++++++++++++++ index.tsx | 16 ++++ metadata.json | 5 ++ package.json | 23 ++++- tsconfig.json | 29 +++++++ types.ts | 28 ++++++ vite.config.ts | 23 +++++ 12 files changed, 542 insertions(+), 5 deletions(-) create mode 100644 .env.local create mode 100644 .gitignore create mode 100644 App.tsx create mode 100644 constants.tsx create mode 100644 index.html create mode 100644 index.tsx create mode 100644 metadata.json create mode 100644 tsconfig.json create mode 100644 types.ts create mode 100644 vite.config.ts diff --git a/.env.local b/.env.local new file mode 100644 index 00000000..be86fc11 --- /dev/null +++ b/.env.local @@ -0,0 +1 @@ +GEMINI_API_KEY=PLACEHOLDER_API_KEY diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..a547bf36 --- /dev/null +++ b/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/App.tsx b/App.tsx new file mode 100644 index 00000000..867b0a3a --- /dev/null +++ b/App.tsx @@ -0,0 +1,230 @@ + +import React, { useState, useEffect } from 'react'; +import { motion, AnimatePresence } from 'framer-motion'; +import { AppView } from './types'; +import Navbar from './components/Navbar'; +import Landing from './components/Landing'; +import Dashboard from './components/Dashboard'; +import Marketplace from './components/Marketplace'; +import TechSpec from './components/TechSpec'; +import Auth from './components/Auth'; +import ProfileSettings from './components/ProfileSettings'; +import Contribution from './components/Contribution'; +import Documentation from './components/Documentation'; +import Governance from './components/Governance'; +import { ShieldCheck, Lock, CheckCircle2, X, ExternalLink } from 'lucide-react'; + +const App: React.FC = () => { + const [view, setView] = useState(AppView.LANDING); + const [isScrolled, setIsScrolled] = useState(false); + const [isLoggedIn, setIsLoggedIn] = useState(false); + const [showSecurityAudit, setShowSecurityAudit] = useState(false); + const [docInitialSection, setDocInitialSection] = useState(undefined); + + useEffect(() => { + const handleScroll = () => { + setIsScrolled(window.scrollY > 20); + }; + window.addEventListener('scroll', handleScroll); + + const session = localStorage.getItem('bazaar_session'); + if (session) { + setIsLoggedIn(true); + } + + return () => window.removeEventListener('scroll', handleScroll); + }, []); + + const handleLogout = () => { + localStorage.removeItem('bazaar_session'); + setIsLoggedIn(false); + setView(AppView.LANDING); + }; + + const handleSecurityClick = () => { + setDocInitialSection('privacy-zkp'); + setView(AppView.DOCUMENTATION); + setShowSecurityAudit(true); + }; + + const renderView = () => { + switch (view) { + case AppView.LANDING: + return ( + + setView(AppView.DASHBOARD)} + onOpenDoc={() => setView(AppView.DOCUMENTATION)} + /> + + ); + case AppView.DASHBOARD: + return ; + case AppView.MARKETPLACE: + return ; + case AppView.CONTRIBUTION: + return ; + case AppView.SPECIFICATION: + return ; + case AppView.SETTINGS: + return ; + case AppView.GOVERNANCE: + return ; + case AppView.DOCUMENTATION: + return ( + + setView(AppView.LANDING)} + initialSection={docInitialSection} + /> + + ); + default: + return setView(AppView.DASHBOARD)} onOpenDoc={() => setView(AppView.DOCUMENTATION)} />; + } + }; + + if (!isLoggedIn) { + return ( + + setIsLoggedIn(true)} /> + + ); + } + + return ( +
+ + + + {showSecurityAudit && ( + + + + +
+
+ +
+
+

Security Audit Suite

+
+ All Systems Operational +
+
+
+ +
+

> Initializing AVM Opcode Scan...

+

> ec_pairing_check: [VERIFIED]

+

> ec_add: [VERIFIED]

+

> ec_scalar_mul: [VERIFIED]

+

> Auditing Smart Signature 'Bazaar_Main_v1.0'...

+

> Reentrancy Guard: ACTIVE

+

> Overflow Protection: AVM NATIVE

+

> BN254 Curve Verification Key: 0x82...F91A

+

> Scan complete. 0 vulnerabilities found.

+
+ +
+
+
Audit Firm
+
Algorand Foundation Security
+
+
+
Last Full Audit
+
24 Oct 2026
+
+
+ + + )} + + +
+ + {renderView()} + +
+ +
+
+
+
+
+ + Bazaar.ai + +
+

+ The foundational liquidity layer for private, trustless AI compute. Built on Algorand for the next generation of sovereign intelligence. +

+
+ + Verified Algorand Ecosystem Partner +
+
+ +
+

Protocol

+
    +
    • +
    • +
    • +
    • +
+
+ + + + +
+
+

Β© 2026 Training Bazaar Protocol. Powered by Algorand AVM.

+
+ Status: Operational + Mainnet-v1.0.4-Bazaar +
+
+
+
+ ); +}; + +export default App; diff --git a/README.md b/README.md index f166c707..d1d740f9 100644 --- a/README.md +++ b/README.md @@ -1 +1,20 @@ -The project Training Bazaar AI involves using Algorand coins for developers to rent AI models or AI agents from huggingface from the marketplace in this project directly to the device of preference example;laptop,mobile phone,this project also invloves using a reward system by which users can even if they own a low end device mine Algorand coins and withdraw their reawards directly to Pera wallet. +
+GHBanner +
+ +# Run and deploy your AI Studio app + +This contains everything you need to run your app locally. + +View your app in AI Studio: https://ai.studio/apps/drive/1u4miAEkDK6-uYWpsLqdYztMoEiTIjYVo + +## Run Locally + +**Prerequisites:** Node.js + + +1. Install dependencies: + `npm install` +2. Set the `GEMINI_API_KEY` in [.env.local](.env.local) to your Gemini API key +3. Run the app: + `npm run dev` diff --git a/constants.tsx b/constants.tsx new file mode 100644 index 00000000..36df1fd1 --- /dev/null +++ b/constants.tsx @@ -0,0 +1,67 @@ + +import React from 'react'; + +export const COLORS = { + primary: '#00D1FF', + secondary: '#7000FF', + accent: '#FF00E5', + bg: '#020617', + card: '#0f172a', +}; + +export const ALGORAND_ICON = ( + + + +); + +export const MODELS: any[] = [ + { + id: 'm1', + name: 'NeuralSense NLP-7B', + type: 'Language Model', + accuracy: 94.2, + rentalPrice: 0.5, + provider: 'AlgoLabs_Alpha', + description: 'Specialized for sentiment analysis in decentralized finance contexts.' + }, + { + id: 'm2', + name: 'VisionSecure V2', + type: 'Computer Vision', + accuracy: 89.8, + rentalPrice: 1.2, + provider: 'PrivateCompute_DAO', + description: 'Edge-optimized object detection with ZK-verified training integrity.' + }, + { + id: 'm3', + name: 'MarketPredict Pro', + type: 'Time Series', + accuracy: 76.5, + rentalPrice: 0.8, + provider: 'QuantVault', + description: 'High-frequency market trend analysis based on private on-chain signals.' + } +]; + +export const CAMPAIGNS: any[] = [ + { + id: 'c1', + title: 'Medical Imaging Privacy Set', + reward: '2.5 ALGO / batch', + type: 'Data Contribution', + status: 'Active', + progress: 64, + provers: 1240 + }, + { + id: 'c2', + title: 'LLM Reinforcement Learning', + reward: '0.8 ALGO / GFLOPS', + type: 'Compute Provisioning', + status: 'Active', + progress: 42, + provers: 582 + } +]; diff --git a/index.html b/index.html new file mode 100644 index 00000000..1f8aadb8 --- /dev/null +++ b/index.html @@ -0,0 +1,80 @@ + + + + + + + Training Bazaar | Algorand Decentralized AI + + + + + + + +
+
+ + + diff --git a/index.tsx b/index.tsx new file mode 100644 index 00000000..aaa0c6e4 --- /dev/null +++ b/index.tsx @@ -0,0 +1,16 @@ + +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import App from './App'; + +const rootElement = document.getElementById('root'); +if (!rootElement) { + throw new Error("Could not find root element to mount to"); +} + +const root = ReactDOM.createRoot(rootElement); +root.render( + + + +); diff --git a/metadata.json b/metadata.json new file mode 100644 index 00000000..836c4814 --- /dev/null +++ b/metadata.json @@ -0,0 +1,5 @@ +{ + "name": "Training Bazaar - Decentralized AI Marketplace 2026 new", + "description": "A high-performance dApp concept for private AI model training on the Algorand blockchain using Zero-Knowledge Proofs.", + "requestFramePermissions": [] +} \ No newline at end of file diff --git a/package.json b/package.json index 3f18962f..9ac29c2f 100644 --- a/package.json +++ b/package.json @@ -1,9 +1,24 @@ { - "devDependencies": { - "@algorandfoundation/algokit-client-generator": "^6.0.0", - "concurrently": "^9.2.1" + "name": "training-bazaar---decentralized-ai-marketplace-2026-new", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, "dependencies": { - "react-icons": "^5.5.0" + "react": "^19.2.3", + "react-dom": "^19.2.3", + "recharts": "^3.6.0", + "framer-motion": "^11.11.17", + "lucide-react": "^0.460.0" + }, + "devDependencies": { + "@types/node": "^22.14.0", + "@vitejs/plugin-react": "^5.0.0", + "typescript": "~5.8.2", + "vite": "^6.2.0" } } diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 00000000..2c6eed55 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,29 @@ +{ + "compilerOptions": { + "target": "ES2022", + "experimentalDecorators": true, + "useDefineForClassFields": false, + "module": "ESNext", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "skipLibCheck": true, + "types": [ + "node" + ], + "moduleResolution": "bundler", + "isolatedModules": true, + "moduleDetection": "force", + "allowJs": true, + "jsx": "react-jsx", + "paths": { + "@/*": [ + "./*" + ] + }, + "allowImportingTsExtensions": true, + "noEmit": true + } +} \ No newline at end of file diff --git a/types.ts b/types.ts new file mode 100644 index 00000000..903b85be --- /dev/null +++ b/types.ts @@ -0,0 +1,28 @@ + +export enum AppView { + LANDING = 'LANDING', + DASHBOARD = 'DASHBOARD', + MARKETPLACE = 'MARKETPLACE', + SPECIFICATION = 'SPECIFICATION', + SETTINGS = 'SETTINGS', + CONTRIBUTION = 'CONTRIBUTION', + DOCUMENTATION = 'DOCUMENTATION', + GOVERNANCE = 'GOVERNANCE', +} + +export interface ModelAsset { + id: string; + name: string; + type: string; + accuracy: number; + rentalPrice: number; + provider: string; + description: string; +} + +export interface NetworkStats { + activeNodes: number; + totalCompute: string; + totalRewards: string; + dailyTransactions: number; +} diff --git a/vite.config.ts b/vite.config.ts new file mode 100644 index 00000000..ee5fb8d2 --- /dev/null +++ b/vite.config.ts @@ -0,0 +1,23 @@ +import path from 'path'; +import { defineConfig, loadEnv } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig(({ mode }) => { + const env = loadEnv(mode, '.', ''); + return { + server: { + port: 3000, + host: '0.0.0.0', + }, + plugins: [react()], + define: { + 'process.env.API_KEY': JSON.stringify(env.GEMINI_API_KEY), + 'process.env.GEMINI_API_KEY': JSON.stringify(env.GEMINI_API_KEY) + }, + resolve: { + alias: { + '@': path.resolve(__dirname, '.'), + } + } + }; +}); From 01052a27422cf322b6ee6c59679f576276d29167 Mon Sep 17 00:00:00 2001 From: nassim haddad <96618951+98n@users.noreply.github.com> Date: Sat, 10 Jan 2026 18:50:06 +0200 Subject: [PATCH 5/6] Update README.md --- README.md | 21 +-------------------- 1 file changed, 1 insertion(+), 20 deletions(-) diff --git a/README.md b/README.md index d1d740f9..4a8b7ea6 100644 --- a/README.md +++ b/README.md @@ -1,20 +1 @@ -
-GHBanner -
- -# Run and deploy your AI Studio app - -This contains everything you need to run your app locally. - -View your app in AI Studio: https://ai.studio/apps/drive/1u4miAEkDK6-uYWpsLqdYztMoEiTIjYVo - -## Run Locally - -**Prerequisites:** Node.js - - -1. Install dependencies: - `npm install` -2. Set the `GEMINI_API_KEY` in [.env.local](.env.local) to your Gemini API key -3. Run the app: - `npm run dev` +The Training Bazaar AI marketplace Algorand project invloves developers the ability to rent AI models or AI agents from the marketplace with Algorand coins and the second feature of the project invloves A reward system where the user can mine Algorand coins and withdraw the Algo rewards directly to his pera wallet. From 98763a12fe3189ee59c8373c7ed268c1cb49ff82 Mon Sep 17 00:00:00 2001 From: nassim haddad <96618951+98n@users.noreply.github.com> Date: Sat, 10 Jan 2026 18:51:21 +0200 Subject: [PATCH 6/6] Remove placeholder API key from .env.local --- .env.local | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.env.local b/.env.local index be86fc11..8b137891 100644 --- a/.env.local +++ b/.env.local @@ -1 +1 @@ -GEMINI_API_KEY=PLACEHOLDER_API_KEY +