Skip to content

Repository files navigation

Wick Portfolio

The source code for the personal portfolio of Mikael Subhi - known online as Wick. It is a cinematic, dark portfolio experience for a full-stack developer, UI/UX designer, and cybersecurity practitioner.

Live Preview

Website: https://wicknux.xyz/

Wick Portfolio Preview

Highlights

  • Cinematic landing screen with optional background music
  • Responsive hero with custom Wick artwork, animated light, and social links
  • 3D scroll-driven section transitions and motion effects
  • Curated GitHub project catalogue with live stars and forks
  • Expandable npm package catalogue
  • Printable CV page with certificates and public project links
  • Open Graph image and favicon branding

Stack

  • Next.js 16
  • React 19 and TypeScript
  • CSS Modules
  • Motion
  • next/image
  • Lucide and React Icons

Getting Started

Install dependencies:

npm install

Start the development server:

npm run dev

Open http://localhost:3000 in your browser.

Scripts

Command Description
npm run dev Start the development server.
npm run build Create an optimized production build.
npm run start Run the production build locally.
npm run lint Run ESLint checks.

Project Structure

app/                 Next.js routes, metadata, API route, and CV page
components/          Portfolio, catalogue, and client-side UI components
public/              Artwork, logos, product visuals, and background music

GitHub Catalogue

The portfolio fetches public repository metadata from the wickstudio GitHub account through /api/github. The displayed selection is curated to represent packages, security work, system utilities, platforms, and community projects.

License

This project is licensed under the MIT License.

About

Open-source personal developer portfolio built with Next.js, showcasing my projects, skills, and work.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages