All work

MTLnation

A Vue.js web platform for web novels — library, leaderboard and reading pages built from reusable components.

Status
Live
Stack
Vue · JavaScript · SCSS · Bootstrap
Visit site
MTLnation — screenshot 1 of 2

Problem

Readers needed to browse, discover and follow content smoothly, with dynamic sections that stay fast.

My role

  • Built the site in Vue.js with reusable components.
  • Added dynamic sections (news, events, media) with smooth transitions, plus forms and interactive parts.

Architecture & key decisions

  • Vue.js single-page app structured as reusable components.
  • Bootstrap and SCSS for a consistent, modern design system.
How it's builtA request, from the visitor's screen to the data

  1. Visitors

    Desktop & mobile

  2. App

    Vue

  3. UI & state

    SCSSBootstrap

Challenges

Lots of dynamic content without losing speed or responsiveness.

Results

A component-based codebase that's easy to maintain and extend.

Stack

Used in: Scmborba, Gala Travels, Mian's Travels, MTLnationUsed in: AATourism, Scmborba, D’Ocean Fisheries, Ain SaasUsed in: AATourism, Ain Saas, City Arrivals, Gala TravelsUsed in: AATourism, Gala Travels, Mian's Travels, MTLnation