Personal portfolio website for Phillip Gibson, a full-stack developer.
- Responsive Design - Optimized for all screen sizes with mobile-first approach
- Experience Timeline - Dynamic experience section with alternating layout on desktop, clean list on mobile
- Skill Visualization - Circular progress indicators showing proficiency levels
- Smooth Scrolling Navigation - Seamless navigation between sections
- Component-Based Architecture - Modular, maintainable React components
- Data-Driven Content - Centralized data management for easy updates
- Frontend Framework: React 18 with TypeScript
- Build Tool: Vite for fast development and optimized builds
- Styling: Tailwind CSS for responsive design
- Icons: React Icons library
- Navigation: React Scroll for smooth scrolling
- Deployment: GitHub Pages
src/
├── components/ # Reusable React components
│ ├── Header.tsx # Navigation component
│ ├── HeroSection.tsx # About section
│ ├── SkillsSection.tsx # Skills grid
│ ├── ExperienceSection.tsx # Timeline
│ ├── CTASection.tsx # Call-to-action
│ ├── Footer.tsx # Social links
│ ├── SkillCircle.tsx # Individual skill indicator
│ ├── TimelineItem.tsx # Experience timeline item
│ └── ProjectTile.tsx # Project showcase card
├── data/ # Centralized data
│ ├── skills.ts # Skills and proficiency levels
│ ├── experiences.ts # Work experience data
│ ├── socials.ts # Social media links
│ └── navigation.ts # Navigation items
├── types.ts # TypeScript type definitions
└── App.tsx # Main application component
- Clean & Modern - Minimal design focusing on content
- Professional - Suitable for client and employer presentations
- Accessible - High contrast ratios and semantic HTML
- Performance-First - Optimized loading and minimal JavaScript
- Maintainable - Well-organized codebase with clear separation of concerns
- Website: renolc.dev
- Email: hello@renolc.dev
- GitHub: @renolc
- Bluesky: @renolc.games