FHEVM Bootcamp OS

Interactive learning platform for a complete 4-week FHEVM bootcamp on the Zama Protocol.

This repository contains the website experience (curriculum, assignments, rubrics, setup, instructor guidance, and resources). It is designed to work with the companion code repository: FHEVM-Bootcamp-Code.

Demo Video

Watch the full 5-minute bootcamp walkthrough:

https://youtu.be/rW3C-GYQA4g?si=-p5ehgYI95siiL9b

What This Project Delivers

• Full 4-week curriculum from fundamentals to production-ready confidential dApps.
• Weekly lesson objectives, homework specs, and grading rubric criteria.
• Support for both learning modes:
  • Cohort: instructor-led schedule, deadlines, and review checkpoints.
  • Self-paced: learner-driven schedule with pass criteria gates.
• Setup and navigation guidance for new learners.
• Week-level starter/solution links into the companion code repo.

4-Week Curriculum Overview

• Week 1: FHEVM foundations, local setup, first confidential contract, and encrypted arithmetic basics.
• Week 2: ACL-aware contract design, permission boundaries, rejection-path testing, and security reasoning.
• Week 3: confidential wallet flow, encrypted inputs from the frontend, user decrypt, public decrypt, and relayer-backed UX.
• Week 4: ERC7984 blind auction capstone with public token funding, confidential wrapping, encrypted bids, winner reveal, claim flow, loser refunds, and frontend demo.

Learning Progression

The bootcamp follows a strict progression so learners are not asked to absorb advanced confidential patterns too early.

1. Week 1 establishes the mental model for encrypted state and local FHEVM tooling.
2. Week 2 introduces access control and safe contract logic around confidential state.
3. Week 3 expands into full-stack integration, where encrypted contract inputs meet frontend encryption and decrypt flows.
4. Week 4 composes those ideas into a real product: a confidential auction built on the standard ERC7984 path.

This sequencing is intentional. Each week reuses the previous week’s mental model and adds only one major layer of complexity.

Who It Is For

• Solidity and Web3 developers new to FHEVM.
• Educators and community leads running FHEVM workshops.
• Teams onboarding engineers into confidential smart contract development.

Repository Relationship

• FHEVM-Bootcamp-OS = learning platform and course interface.
• FHEVM-Bootcamp-Code = templates, starter projects, and solutions for each week.

Learners read and navigate with this repo, then build in the code repo.

Tech Stack

• React
• Vite
• TypeScript
• Content-driven architecture with typed modules
• CSS tokens for theme, spacing, typography, and component consistency

Local Development

npm install
npm run dev

Build production bundle:

npm run build

Preview production bundle:

npm run preview

Learning Flow (How to Use)

1. Open Overview to understand the full bootcamp outcomes.
2. Read Getting Started and complete Setup.
3. Enter Curriculum and complete Week 1 through Week 4 in order.
4. For each week, use tab flow:
   • Overview -> Lessons -> Homework -> Rubric -> Resources
5. Build in starter repos from FHEVM-Bootcamp-Code.
6. Use solution repos only after attempting your own implementation.
7. Use Assignments page for all rubric criteria in one place.
8. Use Instructor Guide when running live cohorts.

Mode Toggle: Cohort vs Self-paced

• Cohort mode changes guidance for live delivery:
  • weekly deadlines
  • instructor feedback loops
  • office-hour workflow
• Self-paced mode changes guidance for independent learners:
  • flexible schedule
  • milestone gates
  • self-review with rubric

Core technical curriculum is the same in both modes; the delivery workflow changes.

Project Structure

src/
  components/
    common/        # shared UI primitives (cards, badges, code blocks)
    layout/        # top nav, sidebar, page shell
    learning/      # curriculum-specific UI blocks
  config/          # site and theme configuration
  content/         # all curriculum/instructor/homework/source-of-truth data
  pages/           # route-level page views
  styles/          # design tokens + global styles
  types/           # shared TypeScript models
docs/              # implementation planning docs

Customization

• Site-level settings are centralized in:
  • src/config/
• Curriculum and assignment content is maanaged in:
  • src/content/
• Global style tokens and base styles are in:
  • src/styles/

Content Source of Truth

• Weekly curriculum: src/content/weeks/modules.ts
• Homework + grading rubrics: src/content/homework/assignments.ts
• Instructor notes: src/content/instructor/notes.ts
• Starter/solution links: src/content/starters/repositories.ts

Companion Repository

• Code packs (templates, starter, solutions):
  • https://github.com/Femtech-web/FHEVM-Bootcamp-Code