My Portfolio Website

A modern, interactive portfolio website showcasing my projects, skills, and experience as a web developer.

About This Project

This is my personal portfolio website built with vanilla HTML, CSS, and JavaScript - no frameworks, just clean, efficient code. It features a responsive design, dark/light mode toggle, and interactive elements to showcase my work.

Features

• Responsive Design - Works perfectly on desktop, tablet, and mobile devices
• Dark/Light Mode Toggle - Switch between themes with localStorage persistence
• Interactive Navigation - Smooth scrolling with active link highlighting
• Project Filtering - Filter projects by category (All, Frontend, Full Stack)
• Project Modals - Click to view detailed project information
• Contact Form - Get in touch with validation
• Testimonials Section - Client feedback and reviews
• Animated Elements - Smooth animations and transitions throughout

Technologies Used

• HTML5 - Semantic markup
• CSS3 - Modern styling with animations and gradients
• JavaScript (Vanilla) - All interactivity without frameworks
• Typed.js - Dynamic text typing animation for role animation
• Boxicons - Icon library for all icons
• Animate.css - Additional CSS animations

Project Structure

/
├── index.html       # Main HTML file
├── style.css        # All styling and animations
├── script.js        # JavaScript functionality
├── assets/          # Images and media
└── src/             # Source components

Live Demo

Visit my portfolio: faith-portfolio-rho.vercel.app

Key Sections

1. Home - Introduction and call-to-action
2. About - My background and skills
3. Services - What I offer
4. Portfolio - My featured projects with filtering
5. Testimonials - Client reviews
6. Contact - Get in touch form

Responsive Breakpoints

• Desktop: 1285px and above
• Tablet: 991px - 1284px
• Mobile: Below 426px

How to Use

1. Clone the repository:

git clone https://github.com/faith-coder-dev/faith-portfolio.git

2. Navigate to the folder:

cd faith-portfolio

3. Open index.html in your browser or use a local server:

# Using Python 3
python -m http.server 8000

# Using Node.js
npx http-server

4. Visit http://localhost:8000 in your browser

Customization

To customize this portfolio for your own use:

1. Edit index.html - Update your name, projects, and content
2. Edit style.css - Change colors, fonts, and animations
3. Edit script.js - Modify functionality as needed

Contact & Social Media

• Email: faithcoderdev@gmail.com
• GitHub: faith-coder-dev
• LinkedIn: faith-nkirote-706a323a0
• Instagram: @faithcoderdev
• Twitter/X: @faithcoderdev
• TikTok: @faithcoderdev
• YouTube: @faithcoderdev

License

This project is open source and available under the MIT License.

---

Made with care by Faith Nkirote | Kenya