Hector Portfolio is a production-ready personal developer portfolio built with React 18 and Webpack 5. It centralises a professional profile, a filterable project gallery, a technical blog, and a contact form into a single responsive web application — with full dark/light mode and Spanish/English internationalisation out of the box.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/iwinser117/react-portafolio/llms.txt
Use this file to discover all available pages before exploring further.
Local Setup
Clone the repo, install dependencies, and run the dev server in minutes.
Project Structure
Understand the Webpack aliases, directory layout, and module conventions.
Dark / Light Theme
Global theme context, localStorage persistence, and the
useDarkMode hook.Internationalisation
Add or edit EN/ES translations and switch language at runtime with i18next.
What’s inside
The portfolio is a single-page application with three public routes, several reusable components, a custom blog data layer, and a settings panel for theme and language switching.Home Page
Hero banner, about section, skills carousel, certifications, and contact form.
Projects Page
Category filters, text search, and project cards with demo + repo links.
Blog
Post listing by slug, category filtering, and a comment system.
Key technologies
Data & Hooks
BlogService class and React hooks for fetching, filtering, and managing blog posts.Contact Form
EmailJS integration — send messages without a back-end server.
Clone and install
Run
git clone https://github.com/iwinser117/react-portafolio.git then npm install.Explore the app
Open the browser, navigate between Home (
/), Projects (/aplicaciones), and Blog (/blog).