Personal Portfolio website for MAGIC (dz-Cipher) - Blockchain Architect & ZK-Privacy Specialist.
- 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
- Hero - "I'M MAGIC." with typewriter roles
- About - Professional bio and stats
- Projects - Ghost Circle, Magic Core, Moonify
- Tech Stack - Move, Rust, TypeScript, ZK-SNARKs, Solana, Sui
- Contact/Footer - Social links (GitHub, X, Telegram)
- Node.js 18+
- npm or yarn
# Navigate to the project
cd magic-portfolio
# Install dependencies
npm install
# Run the development server
npm run devOpen http://localhost:3000 in your browser.
- Framework: Next.js 14
- Language: TypeScript
- Styling: Tailwind CSS
- Animations: Framer Motion
- Fonts: Inter (Google Fonts)
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
| Token | Value | Usage |
|---|---|---|
magic-gold |
#D4AF37 |
Primary accent color |
magic-gold-light |
#F4D03F |
Highlights & gradients |
magic-dark |
#000000 |
Background |
glass |
Blur + transparency | Cards & overlays |
- GitHub: dz-Cipher
- X (Twitter): @drMidnightMagic
- Telegram: @magic
Built with 💛 by MAGIC.