Women's Trucking Federation of Canada

WTFC Website - Complete Project Summary Report

Project Overview

A complete redesign and development of the Women's Trucking Federation of Canada (WTFC) website - a modern, bilingual (English/French) web application built to establish a comprehensive online presence for the organization.

Technical Stack

• Frontend:

  React, TypeScript, TailwindCSS, Shadcn UI components

• Backend:

  Express.js/Node.js

• Database:

  PostgreSQL with Drizzle ORM

• Authentication:

  Multi-layer (Replit Auth + custom admin/member authentication)

• Email Service:

  Resend API (

  inquiries@wtfc.ca

  )

• Object Storage:

  Replit Object Storage for self-hosted images

• Internationalization:

  react-i18next (English/French)

Key Features Implemented

1. Public Website

• Homepage

  with hero carousel (6 images, 7-second transitions)

• Mission statement:

  "Driving Equity. Advancing Safety. Strengthening Trucking."

• 4 promotional cards

  (PPE, Shop, Market, YouTube) with AI-generated images

• Optimized loading performance with React Query caching

2. Navigation Structure

Main Menu: Home | About (dropdown) | Events | Career Board | Pricing | Forms | Contact

About Dropdown includes:

• Our Mission

• Calendar

• In The News

• Members (Board, Corporate, Partners)

• Gallery

• Contact

3. Members Section

• Board of Directors

  - accessible via /board or Members page

• Corporate Members - 33+ companies across 4 tiers:

  • Platinum (5): Challenger, GFL Environmental, Loblaw, Polaris, TransX

  • Gold (2): Parkland, Trans West

  • Silver (4): PMTC, Stryder, Sylvite, Rosedale Group

  • Bronze (22): All remaining members

• Partners Section

  with logo displays

4. Content Management (Admin Dashboard)

• Blog post management with WordPress-style editor

• Events calendar and management

• Career board with job postings

• Photo gallery management (Event-Focused system)

• Member management (individual, corporate, partners)

• Email campaigns

• XML/CSV import/export tools

• Data backup & restore functionality

• Image migration tool for self-hosting

5. Six Public Forms (All Functional)

6. AI Chatbot

Integrated assistant for visitor inquiries

7. Member Portal

Password-protected area for registered members

Pricing Tiers (Corporate Memberships)

• Platinum:

  $4,000+/year

• Gold:

  $3,000+/year

• Silver:

  $1,500+/year

• Bronze:

  $500+/year

Platform Portability

The application is fully portable and can run on any Node.js hosting platform:

• VPS (AWS EC2, DigitalOcean Droplet, Linode)

• PaaS (Heroku, Railway, Render, Fly.io)

• Managed platforms (DigitalOcean App Platform, AWS Elastic Beanstalk)

• Replit (original platform)

Recent Fixes Completed

1. Fixed form submission bug (changed "formData" to "data" field)

2. Added missing form definitions to database (individual-membership, mentorship, btb-2025-western-registration)

3. All 6 forms now fully functional

Branding

• Primary Color:

  Purple/Magenta (#A02D8C)

• Typography:

  Poppins font family

• Design:

  Mobile-first, responsive

Email Configuration

• Service:

  Resend API

• Note:

  Domain verification required in Resend dashboard