Welcome to my portfolio, showcasing my expertise in front-end development and modern web technologies. Explore my projects, skills, and experiences!
vadim4web.github.io/
├── public/ # Public assets (favicon, icons, SEO files, etc.)
│ ├── 404.html # GitHub Pages redirect file
│ ├── logo.png # Favicon and logos
│ ├── favicon.ico # Light theme favicon
│ ├── favicon_dark.ico # Dark theme favicon
│ └── ... # Various tech stack images, manifest, sitemap, etc.
├── src/ # Source code for the portfolio
│ ├── assets/ # Static resources for the app
│ │ ├── css/ # Custom CSS files
│ │ ├── data/ # Data used in components
│ │ └── img/ # Images used across the app
│ ├── components/ # Vue components for the portfolio
│ │ ├── InteractiveButton.vue
│ │ ├── ArrowIcon.vue
│ │ ├── FooterView.vue
│ │ ├── HeaderView.vue
│ │ ├── LanguageSwitcher.vue
│ │ ├── LoaderView.vue
│ │ ├── TechStackSlider.vue
│ │ └── ... # Other components
│ ├── helpers/ # Helper functions
│ ├── i18n/ # Internationalization setup
│ ├── router/ # Vue Router configuration
│ ├── store/ # Reactive store configuration
│ └── utils/ # Utility files
│ ├── views/ # Vue views corresponding to app pages
│ │ ├── AboutMe.vue
│ │ ├── ContactMe.vue
│ │ ├── HomeView.vue
│ │ ├── MyProjects.vue
│ │ ├── NotFound.vue
│ │ └── ProjectView.vue
│ ├── App.vue # Main application file
│ ├── main.js # App entry point
│ ├── style.css # Global styles
├── .prettierrc # Prettier configuration file for consistent formatting
├── eslint.config.js # ESLint configuration for code quality and readability
├── index.html # Main HTML file
├── package.json # Project metadata and dependencies
├── README.md # Project documentation
└── vite.config.js # Vite configuration- Vite: Fast and modern build tool for web development.
- JavaScript (ES6+): Core programming language.
- Vue.js 3: The modern front-end framework for building SPAs.
- Vue Router: For navigation between pages.
- i18n: Internationalization for multi-language support.
- SCSS: Advanced styling with variables and mixins.
- Three.js: 3D rendering for interactive visuals.
- Responsive Design: Optimized for all devices.
- 3D Graphics: Interactive elements using Three.js.
- Dark/Light Theme: Theme toggler for a personalized experience.
- Internationalization: Supports multiple languages.
- SEO Friendly: Metadata and optimized for search engines.
vadim4web@HP250g5 vadim4web.github.io $ npx cloc src
47 text files.
45 unique files.
6 files ignored.
github.com/AlDanial/cloc v 2.02 T=0.20 s (229.5 files/s, 26418.1 lines/s)
-------------------------------------------------------------------------------
Language files blank comment code
-------------------------------------------------------------------------------
Vuejs Component 24 393 16 2854
JavaScript 14 69 4 1133
CSS 7 94 2 615
-------------------------------------------------------------------------------
SUM: 45 556 22 4602
-------------------------------------------------------------------------------