Skip to content

Latest commit

 

History

History
109 lines (80 loc) · 2.52 KB

README.md

File metadata and controls

109 lines (80 loc) · 2.52 KB

HazDev Portfolio

A modern, responsive portfolio website built with Next.js 14 and React 18. Features a dark mode interface, Progressive Web App (PWA) capabilities, and optimized SEO.

Portfolio Preview

🚀 Features

  • Modern Stack: Built with Next.js 14 and React 18
  • Dark Mode: Default dark theme with light mode toggle
  • PWA Support: Installable as a Progressive Web App
  • SEO Optimized: Enhanced meta tags and schema markup
  • Responsive Design: Mobile-first approach
  • Performance Optimized: Fast loading and smooth animations
  • Multiple Languages: Support for English and Indonesian

🛠️ Tech Stack

  • Framework: Next.js 14
  • UI: React 18
  • Styling: SCSS/SASS
  • Animations: Locomotive Scroll
  • Icons: Font Awesome
  • Image Gallery: Fancyapps
  • Slider: Swiper

📋 Sections

  • Home: Introduction and overview
  • Portfolio: Showcase of projects
  • Resume: Skills and experience
  • Blog: Technical articles
  • Contact: Get in touch form

🚀 Getting Started

  1. Clone the repository

    git clone https://github.com/yourusername/portfolio.git

  2. Install dependencies

    npm install
# or
bun install

  3. Run development server

    npm run dev
# or
bun dev

  4. Build for production

    npm run build
# or
bun run build

🎨 Customization

  1. Personal Information

    • Edit app/layout.js for meta information
    • Update social media links in components

  2. Content

    • Modify content in respective components
    • Add your projects in Portfolio section
    • Update skills in Resume section

  3. Styling

    • Theme colors in public/scss/style-dark.scss
    • Component styles in their respective SCSS files

📱 PWA Features

  • Installable on desktop and mobile
  • Works offline
  • Fast loading
  • Push notifications ready

🔍 SEO Features

  • Optimized meta tags
  • Schema markup
  • OpenGraph and Twitter Cards
  • Sitemap and robots.txt
  • Structured data

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👤 Author

HazDev

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check issues page.

⭐️ Show your support

Give a ⭐️ if this project helped you!