Skryvvara / vuekyne

A rework of my personal website using NodeJS, Express, Typescript, Vue and SCSS instead of PHP/Laravel.

Home Page:https://darkyne.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

VUEKYNE

A rework of my personal Website with NodeJS, Typescript and Vue instead of PHP/Laravel

Description

In 2020 I started to focus more on web development and therefore created my portfolio website using Laravel/PHP and SCSS, later that year I grew more confident with TypeScript and JavaScript in generall so I've rewritten most of my JavaScript to TypeScript.

Early 2021 I grew more and more unsatisfied with my hosting provider and I felt comfortable enough with tech to do it myself. I got myself a VPS, read about hosting, headers and security. Setup my Webserver and now I needed a website to host.

Since I already changed my underlying structure why not change up my technology stack aswell. And here we are! Vuekyne, the Vue remaster of my PHP Project "darkyne.com".

Faster, Cleaner, Prettier, Better.

Todo

Backend

  • Implement Github API
  • Implement Caching to avoid the rate limit and reduce load time
  • Optimize Codebase
  • Write Documentation

Frontend

  • Create beautiful Frontend
  • Optimize SVG Files for better load times
  • Optmize Frontend further for mobile and tablets
  • Lazy Load Images for better performance
  • Rewrite Vue Components to reduce redundancy
  • Optimize Page Speed
  • Write Documentation for Frontend

Technologies Used

Backend

  • TypeScript
  • GithubAPI
  • Express
  • Github Actions

Frontend

  • Vue.js
  • TypeScript
  • SCSS
  • Github Actions

Special Thanks

Thanks a lot to:

  • Heroicons | Amazing svg Icons
  • Flexiple | Beautiful Illustration

About

A rework of my personal website using NodeJS, Express, Typescript, Vue and SCSS instead of PHP/Laravel.

https://darkyne.com


Languages

Language:Vue 63.1%Language:TypeScript 28.7%Language:HTML 2.9%Language:SCSS 2.6%Language:JavaScript 1.9%Language:Shell 0.8%