Portfolio - Nurul Izzah Nurhidayat

A modern, responsive portfolio website showcasing professional work and skills as a Fullstack Developer at Kominfo Makassar.

🚀 Features

• Modern Tech Stack: Built with Next.js 14, TypeScript, and TailwindCSS
• Responsive Design: Optimized for all device sizes
• Professional Sections:
  • Hero section with introduction
  • About section with professional background
  • Experience section showcasing work at Kominfo Makassar
  • Tools & Technologies showcase
  • Projects portfolio with detailed descriptions
  • Contact information and call-to-action

🛠️ Tech Stack

• Frontend: Next.js, React, TypeScript
• Styling: TailwindCSS, Material UI
• Icons: React Icons, Custom SVG icons
• Animations: Custom reveal animations
• Deployment: Vercel

🏗️ Project Structure

portfolio/
├── app/
│   ├── components/          # Reusable UI components
│   │   ├── Hero.tsx        # Landing section
│   │   ├── SectionAbout.tsx    # About information
│   │   ├── SectionExperience.tsx   # Work experience
│   │   ├── SectionTools.tsx    # Tech stack display
│   │   ├── SectionProjects.tsx # Project showcase
│   │   ├── SectionContact.tsx  # Contact section
│   │   └── Navbar.tsx      # Navigation component
│   ├── data/
│   │   └── index.ts        # Project data and types
│   ├── utils/
│   │   └── listIcon.ts     # Technology icons data
│   └── (pages)/
│       └── page.tsx        # Main page layout
├── public/
│   ├── icons/              # Technology icons
│   └── images/             # Project screenshots
└── ...config files

🎨 Recent Improvements

✨ Enhanced Content: Updated with professional information from CV ✨ Experience Section: Added dedicated work experience showcase ✨ Better Project Descriptions: Improved project details and links ✨ Expanded Tech Stack: Added more relevant technologies ✨ Professional Branding: Updated from personal to professional portfolio

🚀 Getting Started

1. Clone the repository

   git clone https://github.com/izzahnin/portfolio.git
   cd portfolio

2. Install dependencies

   npm install
   # or
   pnpm install

3. Run the development server

   npm run dev
   # or
   pnpm dev

4. Open your browser Navigate to http://localhost:3000

📱 Sections Overview

Hero Section

Professional introduction with name, title, and brief description

About Section

Background information, current role at Kominfo Makassar, and professional details

Experience Section

Work experience including current role and freelance projects

Tools Section

Comprehensive display of technologies and tools used

Projects Section

Curated portfolio of projects with:

• Project descriptions
• Technology stacks used
• Live demo and GitHub links

Contact Section

Professional contact information and call-to-action

🔧 Technologies Featured

Frontend: HTML, CSS, JavaScript, TypeScript, React, Next.js, TailwindCSS Backend: Node.js, Express.js Database: MongoDB, MySQL
Tools: Git, Postman, Docker, VS Code

📞 Contact

Nurul Izzah Nurhidayat
Fullstack Developer at Kominfo Makassar
📧 cacaizzah2008@gmail.com
📍 Makassar, Indonesia

🚀 Deployment

This project is deployed on Vercel. Any changes pushed to the main branch will automatically deploy.

---

Built with ❤️ using Next.js and TypeScript