Sahar Halili - Portfolio

A modern, responsive portfolio website built with React, TypeScript, and Vite.

Features

• Modern React 19 with TypeScript
• Smooth animations with Framer Motion
• Responsive design for all devices
• Fast build with Vite
• Font Awesome icons

Tech Stack

• Framework: React 19
• Language: TypeScript
• Build Tool: Vite
• AI Tools: Claude Code, Cursor IDE
• Animations: Framer Motion
• Icons: Font Awesome
• Styling: CSS3 with custom properties

Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Project Structure

src/
├── components/      # React components
│   ├── Sidebar.tsx
│   ├── Section.tsx
│   ├── Profile.tsx
│   ├── Experience.tsx
│   ├── Education.tsx
│   ├── Skills.tsx
│   ├── Projects.tsx
│   ├── Contact.tsx
│   └── Footer.tsx
├── data/           # Portfolio data
│   └── portfolioData.ts
├── App.tsx         # Main app component
├── App.css         # Styles
└── main.tsx        # Entry point

Sections

• Profile - Brief introduction
• Experience - Work history
• Military Service - IDF service
• Education - Academic background
• Skills - Technical skills
• Projects - Featured projects
• Contact - Contact information

License

MIT