You will get a Galaxy-Themed Animated Portfolio Website using React and TypeScript
Project details
You will get a visually stunning, fully animated personal portfolio website built with React, TypeScript, and Vite — designed to leave a lasting impression on visitors. The project features a deep-space galaxy theme with immersive Canvas 2D animations, smooth scroll powered by Lenis, and micro-interactions built with Framer Motion.
What's included:
Galaxy spread Hero animation (singularity → burst → galaxy rotation) using Canvas 2D API
Persistent animated starfield with shooting stars and nebula gradients across all sections
SVG constellation skill map with hover interactions
3D tilt glassmorphism project cards
Animated comet-trail experience/timeline section
Black hole contact portal with orbiting social icons and particle burst on form submit
Custom glowing cursor with particle trail (desktop)
Smooth scroll with active section tracking and scroll progress bar
Fully responsive design
Production build optimized for static hosting (Hostinger, Netlify, Vercel, cPanel)
Platform: Other (Static HTML/JS)
Website Specialization: Portfolio, Personal Branding, Creative
Responsive Design: Yes
Design Customization: Yes
What's included:
Galaxy spread Hero animation (singularity → burst → galaxy rotation) using Canvas 2D API
Persistent animated starfield with shooting stars and nebula gradients across all sections
SVG constellation skill map with hover interactions
3D tilt glassmorphism project cards
Animated comet-trail experience/timeline section
Black hole contact portal with orbiting social icons and particle burst on form submit
Custom glowing cursor with particle trail (desktop)
Smooth scroll with active section tracking and scroll progress bar
Fully responsive design
Production build optimized for static hosting (Hostinger, Netlify, Vercel, cPanel)
Platform: Other (Static HTML/JS)
Website Specialization: Portfolio, Personal Branding, Creative
Responsive Design: Yes
Design Customization: Yes
Programming Languages
HTML & CSS, JavaScript, TypeScriptCoding Expertise
Cross Browser & Device Compatibility, Performance Optimization, DesignWhat's included $300
These options are included with the project scope.
$300
- Delivery Time 3 days
- Number of Revisions 2
- Number of Pages 1
- Design Customization
- Content Upload
- Responsive Design
Optional add-ons
You can add these on the next page.
Additional Revision
+$20
Additional Page
(+ 2 Days)
+$50About Ruqia
Expert Python, Angular & Flask Developer | AI & Claude | Vibe Coder
Lahore, Pakistan - 11:00 am local time
My areas of expertise include:
📍 Python, MySQL, HTML, CSS, JavaScript/NodeJS, dart.
📍 Flask, Angular, Flutter, Git, FileZilla, WinSCP, Putty.
📍 Data Structures and Pipelines, AWS EC2, AWS Lambda, AWS RDS, AWS API Gateway, AWS Certificate Manager, AWS Route 53, AWS Elastic Beanstalk.
📍 WordPress, Ecommerce Websites, Elementor Pro, and WooCommerce.
📍 AI Integration & Automation
📍Vibe Coder | Flutter | React Native | Claude AI | Next.js
I specialize in developing vibe-coded websites using Claude AI for automation. I have successfully delivered 50+ custom web applications using Python (Flask), Angular and WordPress, deployed on AWS. I also build native Android applications using Flutter and Dart.
I am committed to delivering exceptional results for every project that I undertake. This includes designing solutions based on specific requirements and providing satisfactory outcomes for all stakeholders.
Message me to discuss your project requirements.
Steps for completing your project
After purchasing the project, send requirements so Ruqia can start the project.
Delivery time starts when Ruqia receives requirements from you.
Ruqia works on your project following the steps below.
Revisions may occur after the delivery date.
Discovery & Content Collection
Gather all client info, bio, projects, skills, and branding preferences