John Deckson | Full-Stack Developer Portfolio

A premium, high-performance portfolio website built with the latest web technologies, featuring smooth animations, dynamic design, and a minimalist aesthetic.

🚀 Tech Stack

• Framework: Next.js 16 (App Router)
• Library: React 19
• Styling: Tailwind CSS 4
• Animations: Framer Motion
• Smooth Scroll: Lenis
• Icons: Lucide React
• Type Checking: TypeScript

✨ Key Features

• Premium UX: Custom cursor interactions and mix-blend-mode effects.
• Smooth Interactions: Integrated Lenis for high-end scroll experience.
• Responsive Design: Fully optimized for mobile, tablet, and desktop.
• Dynamic Content: Data-driven architecture via src/lib/data.ts.
• Preloader: Custom SVG logo animation on initial load.

🛠️ Getting Started

Prerequisites

• Node.js 20+
• npm / yarn / pnpm

Installation

1. Clone the repository:

   git clone https://github.com/Masterhack3r69/portfolio-web.git
   cd portfolio-web

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

📐 Project Structure

src/
├── app/            # Next.js App Router (Layouts & Pages)
├── components/     # Reusable UI components (PortfolioPage, Logo)
├── lib/            # Shared data, utilities and types
└── public/         # Static assets (images, gifs, resumes)

📬 Contact

• Email: deckson.jd@gmail.com
• LinkedIn: jd-edusma
• GitHub: @Masterhack3r69

---

Developed with ❤️ by Masterhack3r69