Portfolio / 2026Loading experience

·······.

00%
Initializing00 — 00

Hi, I'm Praveen
Creative Full-Stack Developer

I craft immersive, high-performance digital experiences using Next.js, React, TypeScript, Node.js, GSAP, Three.js, Tailwind CSS, and AI-powered workflows—combining cinematic design, seamless interactions, and scalable engineering.

About profile

Hello!

I'm PRAVEEN WIJEWARDANA, a Creative Full-Stack Developer passionate about crafting immersive, high-performance digital experiences. I specialize in building modern web applications with Next.js, React, TypeScript, Node.js, Three.js, GSAP, Tailwind CSS, and AI-powered workflows, blending creativity with scalable engineering.

ReactNode.jsMongoDB
My Expertise

Building Modern Digital Solutions with Code & AI

Combining full-stack development, artificial intelligence, and cloud technologies to create scalable and impactful digital experiences.

01

Frontend Development

Building immersive, high-performance web experiences with Next.js, React, TypeScript, JavaScript, Tailwind CSS, GSAP, Framer Motion, Three.js, React Three Fiber, and Lenis. Focused on responsive design, cinematic animations, interactive 3D experiences, and pixel-perfect interfaces that combine storytelling, performance, and exceptional user experience.

02

Backend Development

Engineering robust backend architectures using Next.js, Node.js, Supabase, PostgreSQL, REST APIs, Authentication, Cloudinary, and Edge Functions. Focused on secure data management, optimized server-side logic, seamless media handling, and scalable infrastructure that powers fast, reliable digital products.

03

AI-Powered Development

Leveraging Claude, ChatGPT, GitHub Copilot, Cursor, Codex, Gemini, Midjourney, Figma AI, and OpenCode to accelerate ideation, architecture, UI engineering, debugging, code generation, and creative workflows while maintaining high standards for performance, scalability, and code quality.

04

Quality Assurance & Testing

Designing test cases, conducting manual & automated testing using Selenium WebDriver & TestNG, and tracking defects in JIRA to ensure software reliability.

05

Cloud & Deployment

Deploying and maintaining modern web applications with Vercel, Cloudflare Workers, GitHub, Supabase, Cloudinary, and custom domains. Focused on fast global delivery, scalable infrastructure, secure hosting, media optimization, and seamless deployment workflows

Technical Stack

Tools of the Trade.

A curated selection of modern technologies and frameworks I use to build scalable, high-performance digital solutions.

01

Frontend Development

Building immersive, responsive, and high-performance user interfaces with modern web technologies, motion, and interactive experiences.

Next.jsReactTypeScriptJavaScriptTailwind CSSHTML5CSS3GSAPFramer MotionThree.jsReact Three FiberLenis
02

Backend Development

Developing scalable backend systems, secure APIs, authentication, and cloud-powered architectures for modern web applications.

Node.jsNext.js Server ActionsREST APIsSupabasePostgreSQLAuthenticationCloudinaryEdge Functions
03

AI-Powered Development

Leveraging AI to accelerate design, development, debugging, architecture, and creative workflows while maintaining production-quality code.

ChatGPTClaudeCursorGitHub CopilotCodexGeminiOpenCodeMidjourneyFigma AI
04

Cloud & Deployment

Deploying scalable applications with edge infrastructure, cloud services, and modern deployment workflows for maximum performance.

VercelCloudflare WorkersGitHubGitSupabaseCloudinaryLinuxPostmanCustom Domains
05

Motion & Creative Development

Creating cinematic interactions, smooth animations, and immersive storytelling experiences that elevate modern web applications.

GSAPFramer MotionThree.jsReact Three FiberLenisScrollTriggerWebGLMotion DesignPerformance Optimization
06

Quality Assurance & Testing

Ensuring software quality through manual and automated testing, defect tracking, and structured test execution to deliver reliable, user-focused applications.

Manual TestingSelenium WebDriverTestNGJavaJUnitAPI TestingPostmanJIRATest Case DesignBug ReportingSDLC / STLCAgile Methodology
Selected Works

Featured Projects.

A showcase of my recent full-stack applications, highlighting performance, design, and complex integrations.

AN Spare's & Accessories

Full-Stack Automotive E-Commerce Platform

Designed and developed a scalable full-stack e-commerce platform for bike spare parts, car accessories, lubricants, garage tools, and automotive products. The platform includes a powerful admin dashboard for managing products, categories, orders, customers, and website content.

Key Features

  • Advanced Admin Dashboard for Inventory & Order Management
  • Product Search & Smart Filtering
  • Razorpay Payment Integration
  • Responsive Mobile-First Design & SEO Optimized
Next.js 15TypeScriptReactTailwind CSSSupabasePostgreSQLshadcn/uiRazorpay
Explore Project
AN Spare's & Accessories

Mahi Fashion Jewellery

Full-Stack E-Commerce Platform

Designed and developed a modern, high-performance e-commerce platform for a fashion jewellery brand. The application delivers a seamless shopping experience with responsive design, fast page loads, secure backend services, and an intuitive admin workflow.

Key Features

  • Live metal rates integration
  • Responsive UI optimized for mobile, tablet, and desktop
  • Product catalog with category-based browsing
  • Advanced search and filtering
  • Secure backend with real-time database integration
Next.jsTypeScriptReactTailwind CSSSupabase
Explore Project
Mahi Fashion Jewellery

Ronan Media Service

Premium Media Agency Website

Designed and developed a premium digital media agency website showcasing creative services, brand identity, portfolio, and client engagement. The website emphasizes modern aesthetics, smooth animations, responsive layouts, and high performance.

Key Features

  • Premium agency-style landing page with modern UI/UX
  • Interactive animations & smooth page transitions
  • Creative service showcase & portfolio case studies
  • High-performance architecture using Next.js & Framer Motion
Next.jsTypeScriptReactTailwind CSSFramer MotionZodAntigravity AI
Explore Project
Ronan Media Service

BMW Interactive Showcase

Premium Automotive Landing Page

A premium automotive landing page inspired by BMW's modern design language, featuring cinematic animations, smooth scrolling, immersive storytelling, and responsive interactions that deliver a luxury digital experience.

Key Features

  • Cinematic scroll animations & smooth page transitions
  • Premium luxury automotive UI/UX design
  • Interactive storytelling & dynamic model showcase
  • Responsive design & performance optimization
Next.jsReactTypeScriptTailwind CSSGSAPFramer MotionLenis
Explore Project
BMW Interactive Showcase

Luxury Bespoke Tailoring

Luxury Bespoke Tailoring Experience

An immersive scrollytelling experience inspired by Savile Row craftsmanship, featuring a synchronized 241-frame canvas animation, cinematic transitions, premium motion design, and editorial storytelling. Designed to blend luxury branding with cutting-edge web technologies for an unforgettable digital experience.

Key Features

  • 241-Frame Scroll Animation Engine
  • Cinematic Storytelling & HTML5 Retina Canvas Rendering
  • Luxury Editorial UI/UX & Interactive Chapter Navigation
  • Lenis Smooth Scrolling & High-Performance Motion Architecture
Next.js 15ReactTypeScriptTailwind CSSFramer MotionLenisHTML5 CanvasVercel
Explore Project
Luxury Bespoke Tailoring
Career Path

Work Experience

Professional roles where I’ve built real products, shipped features, and grown as an engineer.

SE Intern

DaleX Consultancy

Present

Sri Lanka

Software Engineering Intern contributing to full-stack application development, feature delivery, and day-to-day engineering workflows across modern web technologies.

  • Building and iterating on production-facing features with the engineering team
  • Working across frontend and backend to deliver reliable, user-focused solutions
  • Collaborating on code quality, debugging, and continuous improvement

CONTACT

Reach Us