PORTFOLIO WEBSITE
Welcome to my personal frontend portfolio. A minimalist, modern, dark-themed, and typographic showcase of my skills and projects. This is a single-page, multi-section website built with performance, memory efficiency, and smooth user experience in mind.
π Overview
This portfolio website highlights who I am, what I do, and the projects Iβve worked on. Itβs designed to be clean, fast, and visually appealing while keeping UX/UI and SEO at the forefront.
Key Sections:
- Home: Introduction and welcome
- About: Who I am and my journey
- Skills: Technologies and proficiencies
- Projects: Portfolio of selected works
- Experience: Professional background
- Contact: Reach out to me
π Highlights
- Performance & memory-focused animations and interactions
- Modern, minimal aesthetic with typographic emphasis
- Showcases full frontend stack skills: Svelte UI, TypeScript, TailwindCSS, GSAP, Lenis
- Single-page smooth scroll experience for seamless UX
β‘ Features
- Single-page layout with multi-section smooth scrolling
- Responsive design for mobile, tablet, and desktop
- Animated interactions using GSAP
- Smooth scrolling via Lenis
- SEO-friendly structure and meta tags
- Privacy-conscious: No user data is collected
- Lightweight and fast β prioritizing performance over heavy visuals
π¨ Design Philosophy
- Minimalist & Modern: Clean layout and subtle interactions
- Dark Theme: Eye-friendly, sleek visual style
- Typographic Focus: Clear hierarchy, readable fonts
- Performance-First: Optimized for memory efficiency and fast load times
- SEO Optimized: Semantic HTML, meta tags, and structured content
π» Tech Stack
This project uses a modern frontend stack for performance and scalability:
- Vite β Blazing fast build tool
- Svelte UI β Component-driven, lightweight framework (not SvelteKit)
- TypeScript β Typed, maintainable code
- TailwindCSS β Utility-first, responsive styling
- GSAP β Smooth animations and transitions
- Lenis β Smooth scrolling experience
π T&C / Privacy Policy
This portfolio is personal and proprietary.
- No License: You may not copy, distribute, or modify this project.
- Terms & Conditions / Privacy Policy: Although the site does not collect user data, it includes SEO meta tags for indexing purposes.
- These are only for search engines and do not store any personal data.
- This ensures visitorsβ privacy is fully protected.
π Usage
This project is for personal use and demonstration only. If you want to explore the code locally:
git clone <repository-url>
cd portfolio
npm install
npm run dev
Feel free to reach out or follow me on social media:
Thank you for visiting my github portfolio repository!
Copyright Β© 2025 czdrxne. All rights reserved.