Good Evening

Website Vue 2

 
đź”— Link
Status: Completed
  • Dec 20, 2021

I tried VueJS again!

Websites Directory

The 4th Website

This is one of my longest lasting website! This was made after learning painful mistakes from my first VueJS attempt, which bricked the development. In retrospect, this is one of the more aesthetically cleanest websites I’ve completed, I’m quite proud of it!

One of the greater changes in this website is the gallery for me to just add images and it’ll randomly show them on the hero. Otherwise, this is similar in content as before.

image

Easter Egg

On the website, there’s a tab express, which is a map “album” that was made during the 2022 7K Mania World Cup Tournament. It lists the general approach on how I tackled each map whilst adhering to the theme of “expression”.

Complexity Creep

I built this website with Vue.js, and while I was happy with the structure, keeping track of all the components became a challenge. It felt like 90% of the time I spent creating a new blog post involved figuring out which pieces I already had built, leaving only 10% for actual writing. This constant catch-up was tiring.

It doesn’t help that I’m still writing posts in HTML Tags


<template>
  <div>
    <h1>Preface</h1>

    <p>
      lorem ipsum &amp;
      <strong>something something</strong>?
    </p>

    <img
      alt=""
      class="img-fluid p-3 border border-3 my-3"
      src="@/views/Blog/rsc/000/image1.png"
    />
    ...
</template>

It felt awful to do so every time. Considering the likes of Markdown, website editors like Wix/Wordpress etc., I knew there had to be a better solution out there. Cue my next Website (Svelte)

Search