🚀 Project: Personal Portfolio Website
Portfolio website showcasing my projects and technical expertise. The main goal was to create a modern, fast-loading, and interactive website that demonstrates my skills in frontend development, UI/UX, and content management.
📋 Role in the Project
I fully implemented the project, including frontend, interactivity, and infrastructure setup. My responsibilities included creating the site architecture, integrating dynamic components, animations, and ensuring high performance. I also integrated Sveltia, a Git-based CMS, to manage the website content easily.
💼 Technologies
- Astro JS (SSG) — static site generation for fast performance and SEO-friendly pages.
- Svelte — interactive components and dynamic islands.
- React — used for hybrid dynamic functionality and flexible UI components.
- TailwindCSS + @tailwindcss/typography — responsive, modern, and maintainable styling.
- TypeScript — safe and predictable code.
- Iconify — vector icons integration.
- hover-effect — interactive image transitions and effects.
- marked — Markdown content rendering.
- react-textra & svelte-sonner — advanced text interactions and notifications.
- @fontsource/source-sans-3 — clean and readable typography.
- Sveltia — Git-based CMS for managing website content directly via repository.
✨ Features
- Interactive Islands: Dynamic components using Svelte + React for fast, responsive UI.
- Animations & Effects: Smooth hover transitions and notifications for modern UX.
- Markdown Content: Easily manage portfolio content via Markdown files.
- Git-based CMS: Full content administration via Sveltia, no backend required.
- Type-Safe Setup: Full TypeScript integration for reliability and maintainability.
- Responsive Design: TailwindCSS ensures mobile-friendly and scalable layouts.
🌐 Hosting & Deployment
The website is deployed on Cloudflare Pages, using static hosting with serverless functions for forms and interactive integrations. Fully optimized for fast loading and SEO.
🔗 Contact & Repository
Project Repository: GitHub
JAM-stack portfolio
Full-stack developer
Personal portfolio website of a fullstack developer built with Astro, Svelte, and React. Fast, interactive, and responsive site with modern design, Git-based CMS Sveltia integration, and hosted on Cloudflare Pages. Showcases projects, UI/UX skills, TailwindCSS, TypeScript, Markdown content, and animations.