Build Draft · Version 2.0

The Circle &
Certification Portal

A complete blueprint for the members-only social network that replaces social media — and the NCCER certification engine that turns peers into credentialed tradespeople. Concept, features, every trade discipline, the design system, and the full build plan.

8

Core Systems

12

Trade Tracks

4

Build Phases

Website homepage for TEOS luxury real estate, featuring modern residential building with palm trees, statistics, and property portfolio images
Tradeworks Academy logo with TW initials and tagline Live Learn Work Earn on textured beige wall

Social Layer

A closed network for driven tradespeople — no algorithm, no comparison traps.

Certification Engine

NCCER practice tests plus every credential a trade career requires.

Trade Toolbox

Calculators, code references, safety library, and a living glossary.

Replit Blueprint

Stack, schema, routes, and phased build order — plus the design system.

Section 01

Why a Social Network,
Not Another Feed

Young tradespeople lose months of momentum to platforms engineered to keep them scrolling — not building. The Circle flips the model: a closed, moderated network where every member is a trainee, graduate, instructor, or employer inside the academy.

TEOS logo and branding display with construction helmet, books, and plant on a beige shelf showing enterprise training system

Same Mindset, Same Mission

Membership is tied to enrollment and alumni status. You are never shouting into a crowd of strangers — you are comparing notes with people in the same building, on the same schedule, chasing the same certification.

Zero Vanity Metrics

No follower counts. No public like tallies for clout. Status comes from certifications earned, attendance held, and work shipped. The only scoreboard is skill.

Reclaims the Scroll

The habit of reaching for a phone doesn't disappear — it gets redirected. Open the app, drill a practice module, answer a question in your trade group, then close it. Minutes become credentials.

Safe by Construction

Reentry-sensitive membership. Real names to staff, handles to peers, moderated channels, and no public discovery. Dignity is the default setting.

Section 02 · Social Layer

Inside The Circle

Eight core systems. Each one replaces a habit that social media currently owns — and returns it to the academy's purpose.

Peer Feed

Chronological, cohort-first timeline. Wins, questions, project photos, and announcements. Newest first — always.

  • Chronological only
  • Cohort channels
  • Photo & video posts

Trade Groups

A channel per discipline — Electrical, Plumbing, HVAC, Welding, Carpentry — each moderated by an instructor and a lead graduate.

  • Instructor-led
  • Technique swaps
  • Code questions

Alumni Mentors

Graduates never leave the network. A matching system pairs each trainee with a working alum in their discipline.

  • Discipline matching
  • Direct messaging
  • Give-back credits

Insider Job Board

Partner employers post directly to the Circle before listings ever go public. Members apply with a verified skills profile.

  • First-access postings
  • Verified skill badges
  • One-tap apply

Skill Leaderboards

Friendly competition on practice-test accuracy, attendance streaks, and workshop output. Rewards discipline, never popularity.

  • Accuracy rankings
  • Attendance streaks
  • Monthly prizes

Work Portfolio

Every member has a build-log profile: photos of completed work, weld coupons, wiring panels, framing. A living résumé.

  • Photo build logs
  • Instructor sign-off
  • Shareable link

Accountability Pods

Small 5-person groups that check in daily. Study goals, wake times, module completion — peer pressure pointed right.

  • Daily check-ins
  • Shared goals
  • Group streaks

Moderation & Safety

Human moderation, a clear code of conduct, and escalation to Agape Network clinicians when a member needs real support.

  • Report & review
  • Staff escalation
  • Wellness routing

What it replaces

The endless scroll becomes the endless build.

Mood boards → build logs Likes → certifications Followers → mentors Trends → trades
Section 03 · Certification Engine

NCCER Prep & Every Trade Credential

Practice is the product. Unlimited question banks across the full NCCER Core Curriculum and every Level 1–4 trade track — plus the adjacent certifications employers actually ask for.

NCCER Core Curriculum

The foundation every trade shares — required before any Level 1 credential.

8 Modules
Basic Safety

JSA, PPE, hazards

Construction Math

Measurement & conversion

Hand & Power Tools

Selection & safe use

Construction Drawings

Plans & specs

Rigging

Slings & hand signals

Communication Skills

Jobsite & teamwork

Employability

Résumé & interview

Materials Handling

Storage & inventory

Electrical

Levels 1–4 · Ohm's Law, conduit bending, NEC code, motors & controls, grounding, transformers.

Plumbing

Levels 1–4 · DWV systems, water supply, fixtures, soldering, code, backflow prevention.

HVAC

Levels 1–4 · Refrigeration cycle, airflow, brazing, electrical controls, load calculations.

Welding

SMAW, GMAW, GTAW, FCAW · Electrode selection, positions, inspection, symbols & blueprints.

Carpentry

Framing, layout, roof systems, stairs, finish work, cabinet installation, materials.

Millwright

Precision alignment, rotating equipment, conveyors, pumps, vibration analysis, rigging.

Pipefitting

Pipe layout, offsets, isometric drawings, valves, supports, hydrostatic testing.

Masonry & Concrete

Block & brick laying, mortar, reinforcement, formwork, placement, finishing, curing.

Heavy Equipment

Excavation, grading, soil types, compaction, trenching & shoring, equipment safety.

Sheet Metal

Duct fabrication, layout & development, seams, insulation, HVAC integration.

Instrumentation

Process control, loop calibration, transmitters, P&ID reading, safety systems.

Solar & Renewables

PV system design, mounting, inverters, battery storage, commissioning & code.

Adjacent Certifications & Safety Credentials

OSHA 10 / 30

Construction safety

EPA 608

Refrigerant handling

Forklift / Aerial

Powered equipment

Flagger / Signal

Traffic control

The Practice Engine — How It Works

Randomized banks — every attempt pulls a fresh set so you learn, not memorize.

Answer explanations — every question teaches the "why," not just the letter.

Readiness score — a live readiness gauge per module based on accuracy history.

Timed mode — simulate real exam pressure before it counts.

Missed-question review — auto-built study deck from every question you missed.

Cohort challenges — instructor-run timed drills pushed to your trade group.

Section 04 · Trade Toolbox

Everything Trade-Related

The Circle isn't just a place to talk. It's the reference desk, the calculator, and the safety manual a tradesperson reaches for every day.

Trade Calculators

Purpose-built field calculators — the math you actually do on the jobsite.

  • Ohm's Law & voltage drop (Electrical)
  • Pipe offset & rolling offset (Pipefitting)
  • Duct sizing & CFM load (HVAC)
  • Drain slope & fixture units (Plumbing)
  • Board feet & stair layout (Carpentry)
  • Weld heat input & duty cycle (Welding)
  • Concrete volume & rebar takeoff

Code & Standards Library

Plain-language explainers of the code books, plus quick-reference sheets you can pull up on site.

  • NEC (National Electrical Code) highlights
  • Uniform Plumbing Code essentials
  • International Mechanical / Residential Code
  • AWS welding symbols & D1.1 basics
  • OSHA 1926 construction quick cards
  • ADA & egress fundamentals
  • Local Florida amendments summary

Safety Center

Jobsite safety as a habit, not a poster. Toolbox talks, hazard libraries, and incident learning.

  • Weekly toolbox talk library
  • Focus Four hazard guides
  • Ladder, scaffold & fall protection
  • Lockout/tagout procedures
  • Confined space & trench safety
  • Incident & near-miss reporting
  • PPE selection by task

Trade Glossary

1,000+ terms across every discipline — searchable, with pronunciation and diagrams.

Résumé Builder

Auto-pulls certifications, attendance, and portfolio work into an employer-ready trade résumé.

Technique Library

Short instructor-led videos on the moves that matter — from conduit bends to TIG technique.

Wage & Career Map

Pay scales by trade, region, and level — plus the path from apprentice to journeyman.

Section 05 · Design System 2.0

Fonts, Color & Components

Version 2.0 shifts to an editorial luxury palette: warm ivory paper, deep emerald, and antique gold — with a refined serif for display type.

Typography

Display — Cormorant Garamond

Aa

All headlines and section titles. Light weight (300), generous size, italic used for emphasis words.

H1 · 72px / 1.02 / 300

H2 · 60px / 1.05 / 300

H3 · 24px / 1.2 / 400

Body & UI — Jost

Aa

All body copy, labels, buttons, data. Light (300) for paragraphs; Medium (500) for labels. Wide letter-spacing on micro-labels.

Body · 16–18px / 1.7 / 300

Label · 10–11px / 0.42em / 500

Button · 12px / 0.2em / 600

Legacy — Work Sans

Aa

Still used on the v1.0 page and legacy components. Safe fallback when Cormorant/Jost aren't available.

Aboreto — v1.0 headings

Work Sans — v1.0 body

Google Fonts import (v2.0)

https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500;600&display=swap

Palette 2.0

Deep Forest

#152A22

Emerald

#1B4332

Antique Gold

#B99B54

Ivory Paper

#EFE9DF

Linen

#F7F3EB

Warm Charcoal

#4A4A42

Muted Taupe

#7A7566

Sand Border

#e2dbcd

Legacy site palette (still active)

#0D2137 #D4AF37 #1E3A5F

Semantic status

Correct Incorrect Hint

Core Components

Buttons

Answer option

ADefault state
BCorrect

Post card (feed)

M. Reyes

Electrical · Level 2

Panel rough-in signed off today. 4 hours, no rework.

Radii & spacing

Buttons 6px · Cards 16px · Panels 24px · Pills full · Image frames 32px. Grid lines at 90px. Section padding 96–128px.

Section 06 · Replit Build Blueprint

How To Build It In Replit

The Circle needs a real backend — accounts, a database, and access control. This site is the marketing front door; the portal lives at app.tradeworksacademy.com. Here is the full blueprint.

1 · Recommended Stack

  • Frontend: Next.js (App Router) + Tailwind + TypeScript
  • Auth: Clerk or Supabase Auth (invite-only, role-based)
  • Database: PostgreSQL via Supabase (RLS for privacy)
  • Storage: Supabase Storage or S3 for portfolio photos
  • Realtime: Supabase Realtime for feed, pods & DMs
  • Modeling: Zod schemas for question banks

2 · Route Map

  • /login — invite-gated sign in
  • /feed — peer feed (cohort + all)
  • /groups/[trade] — trade channels
  • /pods — accountability groups
  • /practice — module picker
  • /practice/[module] — quiz engine
  • /practice/[module]/review — missed deck
  • /portfolio/[handle] — build log profile
  • /jobs — insider job board
  • /toolbox — calculators & code library
  • /safety — toolbox talks & hazards
  • /leaderboard — skill rankings
  • /mentors — alumni matching
  • /admin — moderation & posting

3 · Data Model

  • users — id, handle, real_name, role, trade, cohort, avatar
  • posts — id, author, group, body, media, created_at
  • comments, reactions — tied to posts
  • questions — id, module, prompt, choices[], correct, explanation
  • attempts — user_id, module, score, answers[], created_at
  • pods, pod_members, checkins
  • portfolio_items — user_id, media, trade, signoff_by
  • jobs, applications — employer postings
  • reports — moderation queue

Phased Build Order

1

Foundation

Auth, roles, invite codes, user profiles, and the design system ported from this draft.

2

Practice Engine

Question banks for Core + all Level 1 trades, quiz UI, scoring, explanations, missed-deck. Reuse the module picker already live on the home page.

3

Social Layer

Feed, trade groups, comments, portfolio build logs, leaderboards, and moderation queue.

4

Career & Growth

Job board, mentor matching, pods, toolbox calculators, résumé export, employer dashboards.

Environment variables — set in Replit Secrets, never hard-code

NEXT_PUBLIC_SUPABASE_URL · NEXT_PUBLIC_SUPABASE_ANON_KEY · SUPABASE_SERVICE_ROLE_KEY · CLERK_SECRET_KEY · NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY · DATABASE_URL

Keep all secret keys server-side only. Client code must never expose a service-role key. The marketing site links out to the portal subdomain — it does not host the portal itself.

Section 07

What's Already Live

Two pieces of this draft are already built and working on the home page. The rest is ready to be handed to a developer in Replit.

"The Circle" Community Section

Live on Home

Six-feature social layout — peer feed, trade groups, alumni mentors, job board, leaderboards, and privacy — positioned exactly as the network that replaces social media.

View the section

NCCER Practice Test Engine

Live on Home

Fully interactive quiz with six trade modules (Core, Electrical, Plumbing, HVAC, Welding, Carpentry), answer explanations, progress tracking, and score results.

Try the practice test

The Full Portal Build

Ready for Replit

Accounts, database, feed, pods, portfolio, job board, toolbox, and expanded question banks — spec'd in Section 06 above and ready to build.

The Bottom Line

A trade career shouldn't be built alone — and it shouldn't be built while doom-scrolling.

The Circle gives every trainee a peer network worth scrolling, a practice engine that turns minutes into certifications, and a toolbox that makes them dangerous on day one.