Website

screenshot of Website
nuxt
vue
scss
tailwind
firebase

Source code of my personal website. Everything is included. Written in NuxtJS, TypeScript and Windi CSS!

Overview:

My personal portfolio website is built using Nuxt.js, Windi CSS, TypeScript, and Firebase. It boasts various custom-built systems, integrations, and pages, including projects, experiences, skills, GitHub repositories, favorite songs, and contact pages. The website also features a fully static markdown-driven blog with Nuxt Content, Firebase integration, real-time Discord profile data using Lanyard API, and Last.fm API integration to display top tracks and recently played songs. The website is written in TypeScript and includes numerous handmade custom components.

Features:

  • Custom-built systems and integrations
  • Projects, experiences, skills, GitHub Repositories, favorite songs, and contact pages
  • Fully static markdown-driven blog with Nuxt Content
  • Firebase integration
  • Real-time Discord profile data using Lanyard API
  • Last.fm API integration for displaying top tracks and recently played songs
  • Written in TypeScript
  • Handmade custom components
nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

firebase
Firebase

Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.

blog
Blog

Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.

portfolio
Portfolio

A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.