A modern, responsive developer portfolio built with Vite, React, TypeScript, Tailwind CSS, and Framer Motion.
This site showcases my professional experience, selected work, technical skills, and personal brand.
- Responsive Design — Optimized for both desktop and mobile devices.
- Smooth Animations — Powered by Framer Motion for fluid transitions and parallax effects.
- Clean UI — Minimalist, dark-themed layout with elegant typography and consistent spacing.
- Performance Optimized — Built with Vite for lightning-fast builds and hot-reload.
- Reusable Components — Modular and scalable architecture.
src/
├── components/ # Reusable UI components
├── sections/ # Site sections
│ ├── Banner/
│ ├── Hero/
│ ├── WorkExperience/
│ ├── Projects/
│ ├── Background/
│ ├── Speech/
│ ├── Education/
│ ├── CTA/
│ └── Footer/
├── assets/ # Static assets (images, icons)
├── hooks/ # Custom React hooks
└── main.tsx # App entry point
- React — UI library
- TypeScript — Static typing
- Vite — Build tool
- Tailwind CSS — Utility-first CSS framework
- Framer Motion — Animations and transitions
- Tech Icons — For representing skills and technologies
git clone https://github.com/esteban-sanchez-ortiz/portfolio.git
cd portfolio
npm install
npm run dev
npm run build
This project is licensed under the MIT License — see the LICENSE file for details.