Skip to content

izzahnin/portfolio

Repository files navigation

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

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors