Skip to content

dz-Cipher/portfolio

Repository files navigation

MAGIC Portfolio

Personal Portfolio website for MAGIC (dz-Cipher) - Blockchain Architect & ZK-Privacy Specialist.

MAGIC Portfolio

✨ Features

  • Ultra-Minimalist Design - Pure black (#000000) background with golden accents
  • Typewriter Effect - Dynamic role display in the Hero section
  • Framer Motion Animations - Smooth scroll reveals and hover effects
  • Egyptian Eye & Golden Triangle - Custom SVG icons for visual identity
  • Glassmorphism Effects - Modern glass-like UI components
  • Fully Responsive - Mobile-first design approach

🎯 Sections

  1. Hero - "I'M MAGIC." with typewriter roles
  2. About - Professional bio and stats
  3. Projects - Ghost Circle, Magic Core, Moonify
  4. Tech Stack - Move, Rust, TypeScript, ZK-SNARKs, Solana, Sui
  5. Contact/Footer - Social links (GitHub, X, Telegram)

🚀 Getting Started

Prerequisites

  • Node.js 18+
  • npm or yarn

Installation

# Navigate to the project
cd magic-portfolio

# Install dependencies
npm install

# Run the development server
npm run dev

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

🛠️ Tech Stack

  • Framework: Next.js 14
  • Language: TypeScript
  • Styling: Tailwind CSS
  • Animations: Framer Motion
  • Fonts: Inter (Google Fonts)

📁 Project Structure

magic-portfolio/
├── src/
│   ├── app/
│   │   ├── globals.css      # Global styles & Tailwind
│   │   ├── layout.tsx       # Root layout with SEO
│   │   └── page.tsx         # Main page
│   └── components/
│       ├── Hero.tsx         # Hero with typewriter effect
│       ├── About.tsx        # Bio & golden triangle animation
│       ├── Projects.tsx     # Project cards with Egyptian Eye
│       ├── TechStack.tsx    # Technology icons grid
│       ├── Navbar.tsx       # Responsive navigation
│       └── Footer.tsx       # Contact & social links
├── tailwind.config.js       # Custom theme (magic-gold, etc.)
├── package.json
└── README.md

🎨 Design System

Token Value Usage
magic-gold #D4AF37 Primary accent color
magic-gold-light #F4D03F Highlights & gradients
magic-dark #000000 Background
glass Blur + transparency Cards & overlays

👤 Contact


Built with 💛 by MAGIC.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •