- {/* Section label */}
-
- > about.me
-
-
- {/* Left: Text */}
-
-
-
-
- {/* Right: Visual */}
- - Building the future, one commit at a time. -
- -
-
-
- {/* Highlights grid */}
- - I'm{" "} - - Klesti Selimaj - {" "} - — a 16-year-old software developer and entrepreneur from Albania - with 6 years of hands-on experience. I started coding at 10 and - never stopped. -
-- My passion lies in{" "} - - low-level systems programming - - , building developer tools, and crafting polished user - experiences. I work primarily in{" "} - Rust and{" "} - TypeScript, and I'm - deeply interested in hacking, Linux internals, and TUI - applications. -
-- Beyond code, I'm building towards a successful SaaS product — - combining my technical depth with an entrepreneurial mindset to - create tools that developers actually want to use. -
-
- {highlights.map((h) => (
-
-
- {/* Social links */}
-
-
- ))}
-
-
- {
-
-
-
- {h.label}
-
-
- {h.value}
-
-
- {[
- {
- label: "GitHub",
- href: "https://github.com/selimaj-dev",
- icon: "⌥",
- },
- {
- label: "YouTube",
- href: "https://youtube.com/@SelimajDev",
- icon: "▶",
- },
- {
- label: "Instagram",
- href: "https://instagram.com/selimaj.dev",
- icon: "◈",
- },
- ].map((s) => (
-
- {s.icon}
- {s.label}
-
- ))}
-
-
-
-
- {/* Glow behind image */}
-
-
-
- 
- {/* Overlay with terminal text */}
-
-
-
-
- ${" "}
- whoami
-
-
- Klesti Selimaj
-
-
- uid=1000(klesti) groups=ORUS,Axiom,Saturn,Nexa
-
-
- {/* Header */}
-
-
-
- Let's Build
-
-
-
- {/* Contact cards */}
- > contact --open
-
- Let's Build
-
- Something Together
-
- - I'm always open to interesting projects, collaborations, or just a good conversation - about tech. Reach out through any of the channels below. -
-
-
-
- {contactLinks.map((link) => {
- const Icon = link.icon;
- return (
-
-
-
- {/* Big CTA */}
-
-
-
-
-
-
-
- );
- })}
-
- {link.label}
-
- {link.handle}
-
- {link.description}
-
-
-
- > open_to_work --status
- - Open to freelance & collaboration -
-- Looking for interesting projects, SaaS co-founders, or clients who need - a developer who ships fast and cares about quality. -
- -
-
- );
- }
-
- return this.props.children;
- }
-}
-
-export default ErrorBoundary;
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
deleted file mode 100644
index 29de32f..0000000
--- a/src/components/Footer.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- * FOOTER — selimaj.dev
- * Design: Glassmorphic Terminal
- * Minimal footer with branding and links
- */
-
-export default function Footer() {
- const year = new Date().getFullYear();
-
- return (
-
- );
-}
diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx
deleted file mode 100644
index 000f583..0000000
--- a/src/components/HeroSection.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-/*
- * HERO SECTION — selimaj.dev
- * Design: Glassmorphic Terminal
- * Full-viewport dark hero with animated background image, typewriter effect, and glass CTA
- */
-
-import { useEffect, useState } from "react";
-
-const HERO_BG = "https://d2xsxph8kpxj0f.cloudfront.net/310519663439135967/RkRL4wd7YzNoLyaN7suWbR/hero-bg-G3393XyTzqxu3D4dR63od8.webp";
-
-const typewriterPhrases = [
- "Software Developer.",
- "Entrepreneur.",
- "SaaS Builder.",
- "Systems Programmer.",
- "Open Source Contributor.",
-];
-
-function useTypewriter(phrases: string[], speed = 60, pause = 1800) {
- const [display, setDisplay] = useState("");
- const [phraseIdx, setPhraseIdx] = useState(0);
- const [charIdx, setCharIdx] = useState(0);
- const [deleting, setDeleting] = useState(false);
-
- useEffect(() => {
- const current = phrases[phraseIdx];
- let timeout: ReturnType
-
- An unexpected error occurred.
- -
-
-
-
-
- {this.state.error?.stack}
-
-
- {/* Terminal label */}
-
- Klesti
-
-
- {/* Typewriter subtitle */}
-
-
- {/* Scroll indicator */}
-
-
-
- > klesti@selimaj.dev ~ $
-
-
-
- {/* Main heading */}
-
- Klesti
-
- Selimaj
-
-
- {/* Typewriter subtitle */}
-
- {typed}
- |
-
-
- {/* Description */}
-
- 16 years old · 6 years of experience · Albania
-
- Passionate about low-level systems, hacking, UI/UX, and making cool tools.
-
-
-
-
-
- {/* Stats row */}
-
- {[
- { value: "6+", label: "Years Experience" },
- { value: "97+", label: "Repositories" },
- { value: "2,670+", label: "Contributions / Year" },
- { value: "#2", label: "National GitHub user" },
- ].map((stat) => (
-
-
-
- ))}
-
- {stat.value}
-
- {stat.label}
-
-
- scroll
-
-
-
-
- {/* Description */}
-
- {project.tag && (
-
- {project.tag}
-
- )}
-
- - {project.org ? ( - {project.org}/ - ) : null} - {project.name} -
-- {project.description} -
- - {/* Footer */} -
-
-
- {project.language}
-
-
-
-
- );
-}
-
-export default function ProjectsSection() {
- const headerRef = useReveal();
- const gridRef = useReveal(0.05);
-
- const featured = projects.filter((p) => p.featured);
- const rest = projects.filter((p) => !p.featured);
-
- return (
-
- {/* Header */}
-
-
-
-
- {/* Featured projects (larger cards) */}
- > ls projects/
-
-
- - Things I've Built -
- - View all 35+ repos → - -
-
- // featured
-
- {featured.map((project, i) => (
-
-
- {/* Rest of projects (smaller grid) */}
-
- // more projects
-
-
- {rest.map((project, i) => (
-
-
- {/* Header */}
-
-
-
-
- > cat skills.json
-
-
- - Tech I Work With -
-
-
-
- Expert
-
-
-
- Proficient
-
-
-
- Learning
-
-
-
-
-
- {/* Left: skill categories */}
-
-
- {skillCategories.map((cat) => (
-
-
- {/* Right: code visual + interests */}
-
-
- ))}
-
-
- {cat.terminalLabel}
-
-
-
-
- {cat.skills.map((skill) => (
-
- {skill.name}
-
- ))}
-
-
- {/* Code visual */}
-
-
- 
-
-
- {/* Interests */}
-
-
-
- $ git log --oneline
-
-
-
- 214 commits this month
- 2,670 contributions/year
- 35+ repositories
-
-
-
- > interests/
-
-
- {[
- {
- icon:
-
- {item.icon}
- {item.label}
-
- ))}
-
-
- );
-}
diff --git a/src/pages/NotFound.tsx b/src/pages/NotFound.tsx
deleted file mode 100644
index b85536a..0000000
--- a/src/pages/NotFound.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Button } from "@/components/ui/button";
-import { Card, CardContent } from "@/components/ui/card";
-import { AlertCircle, Home } from "lucide-react";
-import { useLocation } from "wouter";
-
-export default function NotFound() {
- const [, setLocation] = useLocation();
-
- const handleGoHome = () => setLocation("/");
-
- return (
-
-
-
-
-
-
- );
-}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index 445dff2..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,97 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-const plugin = require('tailwindcss/plugin');
-
-module.exports = {
- darkMode: 'class', // supports .dark class
- content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
- theme: {
- extend: {
- colors: {
- background: 'var(--color-background)',
- foreground: 'var(--color-foreground)',
- card: 'var(--color-card)',
- 'card-foreground': 'var(--color-card-foreground)',
- popover: 'var(--color-popover)',
- 'popover-foreground': 'var(--color-popover-foreground)',
- primary: 'var(--color-primary)',
- 'primary-foreground': 'var(--color-primary-foreground)',
- secondary: 'var(--color-secondary)',
- 'secondary-foreground': 'var(--color-secondary-foreground)',
- muted: 'var(--color-muted)',
- 'muted-foreground': 'var(--color-muted-foreground)',
- accent: 'var(--color-accent)',
- 'accent-foreground': 'var(--color-accent-foreground)',
- destructive: 'var(--color-destructive)',
- 'destructive-foreground': 'var(--color-destructive-foreground)',
- border: 'var(--color-border)',
- input: 'var(--color-input)',
- ring: 'var(--color-ring)',
- },
- borderRadius: {
- sm: 'var(--radius-sm)',
- md: 'var(--radius-md)',
- lg: 'var(--radius-lg)',
- xl: 'var(--radius-xl)',
- },
- fontFamily: {
- heading: ['Syne', 'sans-serif'],
- body: ['Geist', 'DM Sans', 'sans-serif'],
- mono: ['JetBrains Mono', 'Fira Code', 'monospace'],
- },
- backdropBlur: {
- sm: '12px',
- md: '20px',
- },
- keyframes: {
- blink: {
- '0%, 100%': { opacity: '1' },
- '50%': { opacity: '0' },
- },
- float: {
- '0%, 100%': { transform: 'translateY(0px)' },
- '50%': { transform: 'translateY(-8px)' },
- },
- fadeInUp: {
- '0%': { opacity: '0', transform: 'translateY(30px)' },
- '100%': { opacity: '1', transform: 'translateY(0)' },
- },
- },
- animation: {
- blink: 'blink 1s step-end infinite',
- float: 'float 4s ease-in-out infinite',
- fadeInUp: 'fadeInUp 0.7s ease forwards',
- },
- },
- },
- plugins: [
- require('tw-animate-css'),
- plugin(function({ addUtilities }) {
- addUtilities({
- '.glass': {
- background: 'rgba(255, 255, 255, 0.04)',
- 'backdrop-filter': 'blur(12px)',
- '-webkit-backdrop-filter': 'blur(12px)',
- border: '1px solid rgba(255, 255, 255, 0.08)',
- },
- '.glass-strong': {
- background: 'rgba(255, 255, 255, 0.07)',
- 'backdrop-filter': 'blur(20px)',
- '-webkit-backdrop-filter': 'blur(20px)',
- border: '1px solid rgba(255, 255, 255, 0.12)',
- },
- '.navbar-glass': {
- background: 'rgba(8, 8, 8, 0.6)',
- 'backdrop-filter': 'blur(20px)',
- '-webkit-backdrop-filter': 'blur(20px)',
- 'border-bottom': '1px solid rgba(255, 255, 255, 0.06)',
- },
- '.navbar-glass-solid': {
- background: 'rgba(8, 8, 8, 0.92)',
- 'backdrop-filter': 'blur(20px)',
- '-webkit-backdrop-filter': 'blur(20px)',
- 'border-bottom': '1px solid rgba(255, 255, 255, 0.08)',
- },
- });
- }),
- ],
-};
\ No newline at end of file
diff --git a/tsconfig.app.json b/tsconfig.app.json
deleted file mode 100644
index d8f95e8..0000000
--- a/tsconfig.app.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
- "compilerOptions": {
- "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
- "target": "ES2023",
- "useDefineForClassFields": true,
- "lib": ["ES2023", "DOM", "DOM.Iterable"],
- "module": "ESNext",
- "types": ["vite/client"],
- "skipLibCheck": true,
-
- /* Bundler mode */
- "moduleResolution": "bundler",
- "allowImportingTsExtensions": true,
- "verbatimModuleSyntax": true,
- "moduleDetection": "force",
- "noEmit": true,
- "jsx": "react-jsx",
-
- /* Linting */
- "strict": true,
- "noUnusedLocals": true,
- "noUnusedParameters": true,
- "erasableSyntaxOnly": true,
- "noFallthroughCasesInSwitch": true,
- "noUncheckedSideEffectImports": true,
-
- "paths": {
- "@/*": ["./src/*"]
- }
- },
- "include": ["src"]
-}
diff --git a/tsconfig.json b/tsconfig.json
deleted file mode 100644
index 1ffef60..0000000
--- a/tsconfig.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "files": [],
- "references": [
- { "path": "./tsconfig.app.json" },
- { "path": "./tsconfig.node.json" }
- ]
-}
diff --git a/tsconfig.node.json b/tsconfig.node.json
deleted file mode 100644
index c7932cf..0000000
--- a/tsconfig.node.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
- "compilerOptions": {
- "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
- "target": "ES2023",
- "lib": ["ES2023"],
- "module": "ESNext",
- "types": ["node"],
- "skipLibCheck": true,
-
- /* Bundler mode */
- "moduleResolution": "bundler",
- "allowImportingTsExtensions": true,
- "verbatimModuleSyntax": true,
- "moduleDetection": "force",
- "noEmit": true,
-
- /* Linting */
- "strict": true,
- "noUnusedLocals": true,
- "noUnusedParameters": true,
- "erasableSyntaxOnly": true,
- "noFallthroughCasesInSwitch": true,
- "noUncheckedSideEffectImports": true,
-
- "paths": {
- "@/*": ["./src/*"]
- }
- },
- "include": ["vite.config.ts"]
-}
diff --git a/vite.config.ts b/vite.config.ts
deleted file mode 100644
index ce394e7..0000000
--- a/vite.config.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import tailwindcss from '@tailwindcss/vite'
-import path from 'path'
-
-export default defineConfig({
- plugins: [react(), tailwindcss()],
- resolve: {
- alias: {
- "@": path.resolve(__dirname, "./src"),
- },
- },
-})
\ No newline at end of file
-
-
-
-
-
- 404
- -- Page Not Found -
- -
- Sorry, the page you are looking for doesn't exist.
-
- It may have been moved or deleted.
-
-
-
-