This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Transforming Visions into Seamless Digital Experiences

Built with the tools and technologies:

• Overview
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Testing

gqtpe-portfolio is a modern Vue 3 development setup that streamlines building scalable, interactive portfolio websites.
It combines Vite, TypeScript, and Tailwind CSS for a fast, maintainable frontend architecture. The project includes a rich collection of reusable components—such as animated cursors, sliders, CAPTCHA verification, and scroll-triggered animations—designed to enhance user engagement and visual appeal.

This project aims to simplify the development of dynamic, visually compelling Vue applications. The core features include:

• 🧩 Custom UI Components: Reusable elements like sliders, animated cursors, and form inputs for a polished user experience
• 🚀 Optimized Build Setup: Vite configuration with path aliases and plugin integrations for fast development and production builds
• 🔐 Type Safety & Configurations: TypeScript settings ensuring reliable, maintainable code across the project
• 🌐 Responsive & Smooth: Mobile detection and smooth scrolling for seamless navigation on all devices
• ✨ Rich Animations: Scroll-triggered effects, animated subtitles, and project showcases for engaging content presentation

This project requires the following dependencies:

• Programming Language: Vue.js (with TypeScript)
• Package Manager: npm or Yarn

Build gqtpe-portfolio from source and install dependencies.

git clone https://github.com/gqtpe/gqtpe-portfolio

cd gqtpe-portfolio

Using npm:

npm install

Using Yarn:

yarn install

Using npm:

npm start

Using Yarn:

yarn start

npm run build
# or
yarn build

npm run preview
# or
yarn preview

gqtpe-portfolio uses the {test_framework} test framework. Run the test suite with:

Using npm:

npm test

Using Yarn:

yarn test

(Note: replace {test_framework} with the actual tool you're using, e.g., Vitest, Jest, etc.)