Client Work · Frontend
8Con Academy
Official site for a forex trading school in Bulacan
About
The official marketing and enrollment site for 8Con Academy, a forex derivatives trading school
based in Meycauayan, Bulacan, Philippines. The academy's mission is to produce a profitable forex trader
in every Filipino household through a structured three-level curriculum — from fundamentals to live
trading application. Their proprietary market scanner, 8ConEdge, integrates macroeconomic data
and technical analysis to support student trading decisions — the same system I modelled my CS thesis on.
The site serves as the academy's primary digital presence: prospective students land here to explore the
curriculum, understand what each competency level covers, and submit enrollment inquiries. Built as a
multi-page React SPA with a lightweight Express backend that routes form submissions and file attachments
directly to the admissions team via email.
What's on the site
- Multi-page SPA — React Router DOM 7 handles client-side routing across program overview, about, and contact sections without page reloads
- Curriculum presentation — three competency levels (Basic, Common, Core) laid out clearly for prospective students
- Enrollment inquiry form — submissions processed server-side by an Express + Nodemailer backend; file attachments supported via Multer
- EmailJS integration — lightweight client-side email fallback for quick contact forms
- Smooth scroll & icon system — polyfill-backed scroll behavior and Lucide React icons throughout
Tech stack
| Frontend | React 19 · Vite 6 · React Router DOM 7 |
| Icons | Lucide React |
| Backend | Express 5 · Nodemailer · Multer (file uploads) |
| Email delivery | EmailJS (client-side) + Nodemailer (server-side) |
| Build tooling | Vite 6 with @vitejs/plugin-react · ESLint |
| Engagement | Client work — live institutional site for a real school |
Context
This project sits at an interesting intersection in my portfolio: 8Con Academy is the institution I'm
affiliated with, and their proprietary scanner — 8ConEdge — is the system my CS thesis (Edge) modelled.
Building the official site gave me a real client brief with real users: prospective traders researching
their first step into structured forex education. The Express + Nodemailer backend was chosen over
third-party form services to keep enrollment inquiries reliable and fully under the client's control.