Skip to content

πŸ’Ό Portfolio | 🌐 Web & Mobile Projects | πŸ’» Clean Code | 🎨 UI/UX Design | πŸš€ Fast & Interactive | 🌟 Modern Tech | πŸ“« Connect | πŸ”— Live Demos | 🀝 Collaboration | ✨ Enjoy!

Notifications You must be signed in to change notification settings

mwakidenis/portfolio_website

Repository files navigation

πŸš€ Mwaki Denis β€” Developer Portfolio✨😁

Welcome to the official repository of my developer portfolio!
A modern, sleek, and fully responsive personal website built using Vite + React + TypeScript, styled with Tailwind CSS and enhanced with shadcn/ui components.

This portfolio is more than just a webpage β€” it's a complete showcase of my journey, skills, projects, and professional story as a passionate software engineer.


πŸ”₯ Features

  • 🎨 Beautiful UI/UX with Dark/Light Mode Toggle
  • πŸ“± Fully responsive across all devices
  • A Chat Section With Several sections😁😁😁😁😁😁😁😁
  • Gifs
  • πŸ“œ About Me & Career Journey Timeline
  • 🧠 Technical Skills Overview with Progress Bars
  • πŸ† Certifications Section
  • ✍️ Integrated Blog Highlights & Blog Section
  • πŸ’Ό Project Portfolio with:
    • Rich Descriptions
    • Live Demo Link
    • GitHub Repository Link
    • Stack Tags
  • πŸŽ“ Education History Section
  • 🧭 Career Timeline
  • πŸ’¬ Testimonials Carousel
  • ⭐ Interactive Rating/Feedback Section
  • πŸ“ž Contact Form with Validation
  • πŸ“ Embedded Google Maps Location (optional)
  • πŸ“± Floating WhatsApp Contact Icon
  • 🧩 Modular, Reusable Components
  • πŸ§ͺ SEO Meta Tags & Social Sharing Optimized
  • πŸ“‚ Organized Codebase & Folder Structure
  • 🌍 Social Media Integration
  • πŸ“Ž Resume Download Link
  • πŸ“Œ Sticky Navbar & Smooth Scrolling
  • πŸ”— External Link Previews (with rich cards)
  • 🧠 Clean and maintainable TypeScript Codebase
  • Added Pricing Info

πŸ› οΈ Tech Stack

  • Vite β€” lightning-fast dev server & build tool
  • React + TypeScript β€” for robust component logic
  • Tailwind CSS β€” utility-first styling
  • shadcn/ui β€” elegant and accessible UI components

πŸ“¦ Prerequisites

Make sure you have Node.js and npm installed.
We recommend installing them using nvm:

# Install nvm (if not installed)
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

# Install latest LTS version of Node.js
nvm install --lts

# Verify installations
node -v
npm -v

πŸš€ Getting Started

Follow these steps to run the project locally:

Step 1: Clone the repository

git clone https://github.com/mwakidenis/portfolio_website.git

Step 2: Navigate to the project folder

cd mwakidenis-portfolio

Step 3: Install dependencies

npm install

Step 4: Run the development server

npm run dev

The site will be available at http://localhost:5173


🌐 Live Demo

πŸ‘‰ Visit My Live Portfolio


πŸ“¬ Contact

Have feedback or opportunities? Let’s talk!


πŸ“ License

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


πŸ’‘ Inspiration

This portfolio was crafted to reflect my passion for software development, clean design, and user-focused experiences. Hope it inspires you too!


Made with ❀️ by Mwaki Denis

Last updated: 2026-01-03 10:46 UTC

About

πŸ’Ό Portfolio | 🌐 Web & Mobile Projects | πŸ’» Clean Code | 🎨 UI/UX Design | πŸš€ Fast & Interactive | 🌟 Modern Tech | πŸ“« Connect | πŸ”— Live Demos | 🀝 Collaboration | ✨ Enjoy!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages