PEYD Credit & Travel Services Platform

Full-stack platform managing mileage, travel, corporate card, and service requests.

PEYD needed a professional website to present its credit-card, miles and points, corporate consulting, and travel-related services while handling a growing number of customer inquiries through different service-specific forms.

The website includes multiple conversion-focused forms for services such as Optimize Miles & Points, Payment, Consultation, Travel, Affiliate, Traveler, and Contact, along with additional forms for different customer needs. The challenge was not simply collecting submissions—the team needed a reliable way to route every request to the appropriate department, notify the right people, and keep submitted information organized for follow-up.

PEYD also needed the website content to remain manageable from an administration panel, allowing the team to create and update promotional content without relying entirely on developers.

The Solution

I developed a full-stack platform with a Next.js frontend and a separate React-based administration panel, supported by a Node.js and Express.js backend.

The website was structured around dynamic content and service-specific workflows. Each form is connected to the backend so submissions can be processed, stored, and routed according to the selected service or department.

Key Features

  • Multiple service-specific forms for different customer requirements
  • Optimize Miles & Points form for mileage and points-related requests
  • Payment request form
  • Consultation request form
  • Business travel request form
  • Affiliate application form
  • Traveler form
  • Contact form
  • Additional custom forms for different business workflows
  • Department-based submission routing
  • Automated notification to the customer after submission
  • Automated notification to the responsible team/department
  • Centralized storage of form submissions
  • Individual Excel sheet integration for organizing submission data
  • Dynamic promotional pages managed from the admin panel
  • Admin-side content management
  • Service and promotional content management
  • Structured customer inquiry management
  • Backend APIs for form processing and administration
  • Database-driven content and submission records
  • Responsive frontend experience

Form Submission Workflow

The core workflow was designed around the actual business process:

Customer → Service Form → Backend API → Database → Department Notification → Customer Notification → Excel Record

When a customer submits a form, the system identifies the relevant service/department, processes the submission through the backend, stores the information, sends the appropriate notifications, and records the submission in the corresponding Excel sheet.

Technology Stack

  • Frontend: Next.js, React
  • Admin Panel: React
  • Backend: Node.js, Express.js
  • Language: JavaScript / TypeScript where applicable
  • Database: MySQL
  • ORM: Sequelize
  • Data & workflow: Form processing, notification handling, Excel-based record management

Have An Idea?

Let's Build Something Great Together