Showcase is a high-performance developer portfolio designed with a focus on modern UX, interactivity, and clean component architecture. Now fully migrated to TypeScript for maximum reliability and code quality.
The project is built on Vite, providing instant build and hot reload (HMR).
- Language: TypeScript (Strict Mode)
- Framework: React.js (Functional Components, Hooks)
- Build Tool: Vite (Instant HMR & Fast Build)
- Styling: Tailwind CSS v4 (Next-gen CSS engine)
- Animations: Framer Motion & CSS Transitions
- Icons: React Icons (Lucide, FontAwesome, HeroIcons)
- Type-Safe Architecture: Centralized interfaces and strict typing for props and state, minimizing runtime errors.
- Dynamic Navigation: Informational Navbar with real-time Moscow time and availability status.
- Interactive Showcase: Project slider with a progress bar and detailed modal windows for each project.
- Glassmorphism Design: Modern blur effects, gradients, and floating interface elements.
- Performance: High Core Web Vitals scores thanks to Vite and efficient resource handling.
- Project Modals: Detailed descriptions, technology stack, and direct links to demos.
- Smooth Scroll: Programmatic navigation to the contacts section.
- Responsive: Fully adaptive from mobile devices to 4K monitors.
-
Clone the repository:
git clone https://github.com/v01dedknight/showcase.git
-
Install dependencies:
npm install
-
Check types (Optional):
npm run build
-
Start the development server:
npm run dev