Skip to content

haldanek/projects-landing-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

42 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ’ซ Kimberlee Haldane | I-AM-KIM-POSSSIBLE Portfolio Website

GitHub Repo Stars GitHub Forks License: MIT


๐Ÿ”— Live Preview

๐ŸŒ View Live Portfolio
๐Ÿ’ป Deployed on Vercel


๐Ÿงฉ Project Overview

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.


๐Ÿš€ Features

  • ๐ŸŽฏ 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

๐Ÿ›  Tech Stack


๐Ÿ“‚ Folder Structure

/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


๐Ÿš€ Getting Started

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

Releases

No releases published

Packages

No packages published