๐ View Live Portfolio
๐ป Deployed on Vercel
This superhero-themed portfolio website highlights my career transition from educator to software engineer and technical writer. Each section is themed with vibrant visuals, interactive buttons, and a user-focused design.
- ๐ฏ Sticky Navigation Bar
- ๐งโ๐ผ About Me, Philosophy, and Career Summary
- ๐ Resume View & Download + Certificates Gallery
- ๐ ๏ธ Skills & Tooltips
- ๐ Project Cards with Hover & Click Redirect
- ๐ฌ Contact Form with Mailto + LinkedIn Integration
- ๐ผ๏ธ Full-Screen Themed Backgrounds Per Section
- Framework: Next.js + React
- Styling: Tailwind CSS
- Language: TypeScript
- Icons: Lucide Icons
- Deployment: Vercel
/public /images # Backgrounds and assets (e.g., sh-8.png, sh-10.png) headshot.png
/src /components Header.tsx Footer.tsx About.tsx Philosophy.tsx CareerSummary.tsx Resume.tsx Skills.tsx Projects.tsx Contact.tsx /styles globals.css comic-theme.css
To run this locally:
git clone https://github.com/your-username/your-portfolio-repo.git
cd your-portfolio-repo
npm install
npm run dev
Visit http://localhost:3000 to view the app.
๐ง Philosophy
This portfolio reflects my commitment to clarity, accessibility, and user-centered design. My goal is to bridge the gap between innovation and usability through thoughtful, inclusive development.
๐ Resume & Certifications
Available in the Resume section with download links and certificate previews.
- ๐ [Download Resume (PDF)](/Haldane-Resume-25E.pdf)
- ๐ผ๏ธ [View Certificates Gallery](https://your-vercel-url.vercel.app/certificates)
---
๐ซ Contact
Use the Contact section to send an email or connect with me on LinkedIn.
- ๐ง **Email**: [[email protected]](mailto:[email protected])
- ๐ผ **LinkedIn**: [Kimberlee Haldane](https://www.linkedin.com/in/kimberlee-haldane-09a292332/)
---
๐ฎ Future Improvements
Add light/dark mode toggle
Animate transitions between sections
Make sections modular for CMS integration
Add GitHub activity and blog integration
๐ท License
This project is open source and available under the MIT License.
๐ฉโ๐ป About Me
I'm Kimberlee Haldane โ a former instructional leader turned Software Engineer and Technical Writer. My portfolio reflects a passion for clarity, code, and creativity. I combine strong analytical thinking with people-focused design to build better solutions.
โญ๏ธ Support
If you like this project, please โญ๏ธ the repo and share!
---
### โ
Next Step
Replace:
- `your-username` โ your GitHub username
- `your-repo-name` โ your GitHub repository name
- `your-vercel-url` โ your deployed site link from [Vercel](https://vercel.com/dashboard)
Then, commit it:
```bash
git add README.md
git commit -m "Add stylized README with badges and live preview"
git push origin main