Welcome to my personal portfolio website, built from scratch using React, TypeScript, and Vite.
This project showcases who I am, what I've built, and where I'm heading as a frontend developer.
I'm Eli Harel, a frontend-focused developer with a strong foundation in computer science and a passion for crafting modern, user-friendly interfaces.
🎓 I hold a Magna Cum Laude CS degree from Israel and recently relocated to the U.S.
🛠️ I specialize in React, TypeScript, JavaScript, and have experience with Java and C#.
🚀 I'm now actively seeking my first professional developer role.
While I don’t yet have formal industry experience, I’ve built several substantial projects that reflect real-world practices, and I take pride in writing clean, maintainable, and accessible code.
I'm currently open to new opportunities and would love to connect!
This portfolio represents not just my technical skills, but my journey as a developer. Having recently relocated to the U.S. with a strong CS foundation, I wanted to create something that showcases both my coding abilities and my design sensibilities. Each project featured here reflects a different aspect of my growth and interests in the development world — and I'm excited to bring that same energy into a professional team setting.
- 🧩 Frontend: React, TypeScript, JavaScript
- ⚡ Build Tool: Vite
- 🎨 Styling: CSS Modules
- 🌐 Routing: React Router
- 📊 Data Viz: Recharts
- 🎯 Icons: React Icons
- 🚀 Deployment: Vercel
- ✅ Responsive Design: Mobile-first layout for all screen sizes
- ✅ Interactive Skills Visualization: Radar chart and skill tree
- ✅ Project Showcase: Expandable cards with modal details
- ✅ Modern UI: Accessible design with smooth transitions
- ✅ Type Safety: Full TypeScript coverage
- ✅ Component Architecture: Modular, reusable components
src/
├── components/ # Reusable UI components (NavBar, Footer, etc.)
├── pages/ # Route-level components
│ ├── About/ # About page with bio
│ ├── Contact/ # Contact form and social links
│ ├── Home/ # Landing page
│ ├── Projects/ # Project showcase
│ └── Skills/ # Skills visualization
├── data/ # JSON data files for skills and projects
├── types/ # TypeScript type definitions
├── App.tsx # Main app component
├── main.tsx # Entry point
└── style.css # Global styles-
Clone the repository:
git clone https://github.com/eharel/portfolio.git
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open http://localhost:5173 to view it in the browser.
This project is open source and available under the MIT License.