Professional Web Development Portfolio
Portfolio website for Pryceless Solutions, a freelance web development consultancy specializing in custom business solutions.
Live: prycehedrick.com
- Animated particle background
- Interactive project showcase with modal details
- Responsive design (mobile-first)
- Contact form with Formspree
- Calendly booking integration
- SEO optimized with Open Graph tags
npm install
npm run devOpen http://localhost:5173 in your browser.
npm run build # Production build to dist/
npm run preview # Preview production buildpryceless-solutions/
├── .claude/ # Claude Code configuration
│ ├── rules/ # Agent behavior rules
│ ├── skills/ # Custom skills (command-center, agents)
│ └── CLAUDE.md # Main AI instructions
├── docs/ # Documentation and TODOs
├── public/ # Static assets (favicons, images)
│ └── images/portfolio/ # Portfolio screenshots
├── scripts/ # Build utilities
├── src/
│ ├── components/ # React UI components
│ │ ├── layout/ # Layout components (Navigation, Footer)
│ │ └── motion/ # Animation components (FadeIn, etc.)
│ ├── config/ # App configuration
│ ├── data/ # Static data (SEO, blog posts)
│ ├── hooks/ # Custom React hooks
│ ├── pages/ # Page components
│ │ ├── areas/ # Service area pages
│ │ ├── blog/ # Blog pages
│ │ └── industries/ # Industry pages
│ ├── App.jsx # Main app with routing
│ ├── main.jsx # Entry point
│ └── index.css # Tailwind + global styles
├── index.html # Vite entry HTML
├── package.json # Dependencies
├── tailwind.config.js # Tailwind configuration
├── vite.config.js # Vite configuration
└── vercel.json # Vercel deployment config
Auto-deploys to Vercel on push to main branch.
Pryce Hedrick prycehedrick.com | GitHub | prycehedrick@gmail.com