Build Draft · v1.0

The Circle &
Certification Portal

A complete written blueprint for the members-only social network that replaces social media — and the NCCER certification engine that turns peers into credentialed tradespeople. Everything below is the full draft: concept, features, every trade discipline, the entire design system, and the Replit build plan.

Social Layer

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

Certification Engine

NCCER practice tests plus every credential a trade career actually requires.

Trade Toolbox

Calculators, code references, safety library, and a living glossary for every discipline.

Replit Blueprint

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

Prepared for Replit handoff
TradeWorks Academy × FIU
Members-only by design
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.

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 instructor announcements. Newest first — always — so nothing is buried by an algorithm.

  • Chronological only
  • Cohort channels
  • Photo & video posts

Trade Groups

A channel per discipline. Electrical, Plumbing, HVAC, Welding, Carpentry, and more — 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 a trainee with a working alum in their discipline for the full program.

  • 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 attached.

  • 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é employers can trust.

  • 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 in the right direction.

  • Daily check-ins
  • Shared goals
  • Group streaks

Moderation & Safety

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

  • 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 got wrong.

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 exact path from apprentice to journeyman.

Section 05 · Design System

Fonts, Color & Components

Copy this exactly into your Replit project. Two typefaces, one palette, and a fixed set of component patterns — the whole portal stays unmistakably TradeWorks.

Typography

Headings — Aboreto

Aboreto

All display type: H1–H4, section titles, stat numbers, and card headers. Weights 300–700. Tight tracking, generous line-height.

H1 · 60px / 1.05 / Aboreto 400

H2 · 48px / 1.12 / Aboreto 400

H3 · 24px / 1.25 / Aboreto 400

H4 · 18px / 1.3 / Aboreto 400

Body & UI — Work Sans

Work Sans

All body copy, labels, buttons, and data. Light (300) for paragraphs, Medium/Semibold (500/600) for UI and emphasis. Uppercase micro-labels use 0.28em letter-spacing.

Body · 16–18px / 1.7 / 300

Small / Card · 13–14px / 1.6 / 300–400

Label · 10–12px / uppercase / 600

Button · 14px / uppercase / 600

Google Fonts import

https://fonts.googleapis.com/css2?family=Aboreto:wght@300;400;500;600;700&family=Work+Sans:wght@300;400;500;600;700&display=swap

Color Palette

Primary Navy

#0D2137

Signature Gold

#D4AF37

Deep Gold

#B8860B

Slate Blue

#1E3A5F

Bright Gold

#FFD700

Body Gray

#4A5568

Off-White

#F8F9FA

Light Border

#E2E8F0

Semantic status colors

Correct #16A34A Incorrect #DC2626 Hint #D97706

Radii & spacing

Buttons 6px · Cards 16px · Panels 24px · Pills full. Button padding 32 × 14px.

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.

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 CSS + 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: Yup / 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 (trainee/alumni/instructor/employer/staff), 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 (this website) 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.