subinsk.vercel.app

🛠 Installation & Set Up

1. Install the Gatsby CLI

   npm install -g gatsby-cli

2. Install and use the correct version of Node using NVM

   nvm install

3. Install dependencies

   yarn

4. Start the development server

   npm start

✨ Features

Hire Me Section

A dynamic skills-based hiring interface that allows recruiters to:

• Search and select skills using an interactive dropdown with categorized options
• View popular skills as suggested pills for quick selection
• Get targeted showcase of how selected skills were used in real projects and jobs
• Navigate to detailed view showing highlighted skill usage across experience and projects

Skills Showcase Page

Dedicated page (/skills-showcase) that displays:

• Professional Experience: Job descriptions with highlighted skill usage
• Projects: Project descriptions and tech stacks with skill emphasis
• Smart Highlighting: Automatic text highlighting where selected skills appear
• Mobile Responsive: Works seamlessly across all device sizes

Technical Implementation

• React Components with styled-components for consistent theming
• GraphQL Integration for dynamic content fetching
• Local Analytics tracking for popular skill searches
• SEO Optimized with proper meta tags and structured data

🚀 Building and Running for Production

1. Generate a full static production build

   npm run build

2. Preview the site as it will appear once deployed

   npm run serve

🎨 Color Reference

Color	Hex
Navy	#0a192f
Light Navy	#112240
Lightest Navy	#233554
Slate	#8892b0
Light Slate	#a8b2d1
Lightest Slate	#ccd6f6
White	#e6f1ff
Green	#64ffda