https://github.com/mwakidenis/portfolio_website
💼 Portfolio | 🌐 Web & Mobile Projects | 💻 Clean Code | 🎨 UI/UX Design | 🚀 Fast & Interactive | 🌟 Modern Tech | 📫 Connect | 🔗 Live Demos | 🤝 Collaboration | ✨ Enjoy!
https://github.com/mwakidenis/portfolio_website
css javascript typescript vite
Last synced: 6 months ago
JSON representation
💼 Portfolio | 🌐 Web & Mobile Projects | 💻 Clean Code | 🎨 UI/UX Design | 🚀 Fast & Interactive | 🌟 Modern Tech | 📫 Connect | 🔗 Live Demos | 🤝 Collaboration | ✨ Enjoy!
- Host: GitHub
- URL: https://github.com/mwakidenis/portfolio_website
- Owner: mwakidenis
- Created: 2025-12-16T15:46:14.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2026-01-08T12:41:06.000Z (6 months ago)
- Last Synced: 2026-01-08T12:51:43.118Z (6 months ago)
- Topics: css, javascript, typescript, vite
- Language: TypeScript
- Homepage: https://mwakidenis.pages.dev/
- Size: 1.32 MB
- Stars: 10
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# 🚀 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](https://vitejs.dev/) — lightning-fast dev server & build tool
- [React](https://reactjs.org/) + [TypeScript](https://www.typescriptlang.org/) — for robust component logic
- [Tailwind CSS](https://tailwindcss.com/) — utility-first styling
- [shadcn/ui](https://ui.shadcn.com/) — elegant and accessible UI components
---
## 📦 Prerequisites
Make sure you have **Node.js** and **npm** installed.
We recommend installing them using **[nvm](https://github.com/nvm-sh/nvm)**:
```bash
# 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
```bash
git clone https://github.com/mwakidenis/portfolio_website.git
```
### Step 2: Navigate to the project folder
```bash
cd mwakidenis-portfolio
```
### Step 3: Install dependencies
```bash
npm install
```
### Step 4: Run the development server
```bash
npm run dev
```
The site will be available at [http://localhost:5173](http://localhost:5173)
---
## 🌐 Live Demo
👉 [Visit My Live Portfolio](https://mwakidenis.pages.dev/)
---
## 📬 Contact
Have feedback or opportunities? Let’s talk!
#### [📧 Email:](mwakidenice@gmail.com)
#### [💬 WhatsApp:](https://wa.me/254798750585)
#### [🌍 LinkedIn:](https://www.linkedin.com/in/denis-it-54199939a/)
#### [🐙 GitHub:](https://github.com/mwakidenis)
---
## 📝 License
This project is open source and available under the [MIT License](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-14 10:52 UTC