Eth.ed

1. What problem are we solving? Imagine a world where taking online courses wasn't boring or confusing. Where every lesson feels like it was made just for you, not some generic, one-size-fits-all video thrown on the internet. Where you could actually prove you learned something and keep it safe forever. And where paying for lessons felt easy, light, and fair..

But today? Most places feel the opposite. Courses are dry, hard to navigate, and the way you pay can be a hassle. And all your certificates and achievements scatter everywhere with no single place to show off the hard work you did. That makes it less exciting and harder to commit.

1. So, what’s our magic trick? EthEd gives you your own learning buddy, a smart AI agent (think of it like a friendly pet) that will guide you, cheer you on, and nudge you when it's time to practice more.

Behind the scenes, we use advanced blockchain tech (don’t worry, it just means your identity and achievements live in a safe, trusted digital home). When you sign in, your blockchain name and profile are linked to your lessons and badges. You know exactly what you’ve done and can show it off with pride anywhere that supports it.

The cool part? Paying as you go. Instead of a big fee for an entire course, you can pay tiny amounts for each lesson or subscribe with smooth, simple micro-payments fueled by Polygon’s fast, low-cost system. If you don’t finish a course, your learning buddy holds onto your payment and returns what’s unused, so your money isn’t stuck.

1. What can you do with EthEd?

• Meet your AI buddy (or any pet you like) that lives with you inside the platform, showing your progress as it learns with you.
• Get your own digital name (ENS subdomain) and collectible badges (NFTs) tied directly to your profile, proof of effort that can’t be faked.
• See a unified dashboard showing all your courses, blockchain wallet info, social account links, and badges in one place, no more hopping between dozens of sites.
• Enjoy a fun gamification system where achievements unlock new levels and your buddy evolves as you learn.
• Use micro-payments powered by Polygon and X402 to pay only for what you use; subscribe or pay lesson-by-lesson with clear control.

1. How does it all fit together technically?

• We built the teaching platform with React, smart contracts using Solidity, and AI components hosted safely in the 0g testnet.
• Blockchain connects your identity using ENS names, so your digital profile is unique and verifiable.
• AI buddy personalizes lessons in real-time to suit your needs and style, much like a live tutor would.

1. Why does it matter?

• Learning becomes more engaging, personal, and motivating with a real-time AI buddy.
• You get genuine proof of skill and progress you own forever, making resumes and portfolios powerful.
• Payments become accessible and flexible for learners in India and beyond who might find upfront course fees daunting.
• We will be providing starter bonus(certain amount of digital currency to register for the courses) which gets rid of people running away thinking that they'll be scammed due to the involvement of crypto, this deposit will have its own Terms and Conditions.
• We bridge the latest decentralized technology with approachable, practical education for all.

• Stack

  • Next.js (app router, server & client components) — overall site framework and routing
  • React + TypeScript — UI and safe types
  • Tailwind CSS — styling and responsive layout
  • motion/react — entrance/animation effects for hero/stats/modules
  • lucide-react — small icon set
  • Radix UI primitives (Progress and other UI primitives)
  • pnpm for local development (project lockfile)
  • YouTube embeds for video modules

• Project structure & important files

  • Pages live under src/app/(public)/… using the app-router pattern (courses, lessons, overview pages).
  • Course metadata and modules are defined as simple arrays/objects (e.g. polygon/0G/ens course modules).
  • Lesson rendering is handled by a LessonViewer component (text/video/code/quiz renderers).
  • Stats component: stats.tsx exports statsData and renders them with motion + Tailwind (the file you attached).
  • UI primitives live under src/components/ui (progress, card, badge, etc.).

• Key implementation notes

  • Text formatting: lessons render markdown-like content via a lightweight renderer mapped to semantic HTML and Tailwind "prose" classes to enforce visual hierarchy (H1/H2/H3, lists, code blocks).
  • Multi-modal modules: lesson objects include type: 'video' | 'text' | 'code' | 'quiz' and are rendered accordingly.
  • Progress & completion: per-course completion stores an array in localStorage (keyed per-course like "polygon-101-completed") and the course overview reads that to compute the progress % shown by the Progress component.
  • Progress bugfix: Progress component now clamps the value (0–100) and uses transform styling reliably to avoid rendering issues when value is missing or NaN.
  • Video modules: YouTube links stored as embed URLs (e.g. https://www.youtube.com/embed/ID) and embedded via iframe with responsive aspect ratio.
  • On-chain placeholders: all dashboard and course metrics use safe placeholders / exported statsData until on‑chain values are available. Hooks and small fetch adapters are in place for plugging real data later.

• Integrations & partner tech referenced

  • Polygon (Amoy) ----Role: Layer-2 testnet for agentic payments (x402) labs and low-cost on‑chain verification. ----How used: price/pay challenges are denominated in USDC on Polygon Amoy; demo contracts and on‑chain receipts are deployed there so judges see reproducible commits and transactions. ----Why it matters: fast, cheap settlement for micropayments

  • ENS (Ethereum Name Service) ----Role: Human‑readable identity layer for accounts and project addresses. ----How used: course examples show resolving names → addresses, minting/claiming ENS
    names for sample apps, and mapping badges/certificates to ENS identities. ----Why it matters: makes account linking, badge ownership, and sharing simpler for learners and judges.

  • 0G testnet (AI‑native stack) — AI Buddy ----Role: EVM surface for verifiable AI workloads used by the “AI Buddy”.

• Notable trade-offs / “hacky” bits to be aware of

  • Lightweight markdown parsing instead of adding a full md parser to keep bundle small; that required careful handling to preserve headings/list grouping.
  • Dynamic client/server imports and TypeScript typing required small wrapper/casts for Next.js app-router dynamic imports, resolved by using a straightforward server component pattern for lessons (like EIPs/ENS) to avoid dynamic type issues.
  • Local-only progress & rewards: completion is stored client-side (localStorage) for now; backend or on-chain attestation can be added later for persistent rewards (NFT badges).
  • Temporary fixes to get dev-server working across contributors included installing pnpm globally and removing an accidental ambient .d.ts file.

• How pieces are wired together (data flow)

  • Course list -> course page -> lesson route (/courses/<slug>/lesson/<id>)
  • Lesson viewer reads module object, renders appropriate UI (video/text/code/quiz)
  • Stats component displays top-level site metrics (exported statsData) until a dashboard API or on-chain query is available