DekDev - Professional Portfolio Website

A modern, responsive portfolio website showcasing my journey from healthcare to technology. Built with React frontend and Python backend, featuring an AI-powered chatbot and comprehensive project showcase.

🚀 Live Demo

Visit Live Site

🛠️ Tech Stack

Frontend

• React 18+ - Modern UI library
• React Router - Client-side routing
• CSS3 - Custom styling with CSS variables
• Responsive Design - Mobile-first approach

Backend (Coming Soon)

• Python - Core backend language
• FastAPI - Modern, fast web framework
• PostgreSQL - Production database
• OpenAI API - AI chatbot integration

Deployment

• Heroku - Cloud platform
• GitHub Actions - CI/CD pipeline

🎯 Features

• ✅ Professional Portfolio - Showcase of projects and skills
• ✅ Interactive Timeline - Career journey from nursing to tech
• ✅ AI Chatbot - Ask questions about my background
• ✅ Responsive Design - Optimized for all devices
• ✅ Analytics Tracking - Visitor insights and engagement
• ✅ Modern UI/UX - Clean, professional design
• 🔄 Blog Section - Coming soon
• 🔄 Admin Dashboard - Content management

🏃‍♂️ Quick Start

Prerequisites

• Node.js 16+ and npm
• Python 3.9+
• Git

Frontend Setup

# Clone the repository
git clone https://github.com/YOUR_USERNAME/dekdev-site.git
cd dekdev-site

# Install frontend dependencies
cd frontend
npm install

# Start development server
npm start

The frontend will be available at http://localhost:3000

Backend Setup (Coming Soon)

# Set up Python virtual environment
python -m venv venv
source venv/bin/activate  # On Windows: venv\Scripts\activate

# Install dependencies
cd backend
pip install -r requirements.txt

# Start backend server
uvicorn main:app --reload

📁 Project Structure

dekdev-site/
├── frontend/                 # React application
│   ├── public/              # Static assets
│   ├── src/
│   │   ├── components/      # Reusable UI components
│   │   ├── pages/           # Page components
│   │   ├── services/        # API services
│   │   └── styles/          # CSS files
│   └── package.json
├── backend/                 # Python API (coming soon)
├── .gitignore
└── README.md

🎨 Design Philosophy

This portfolio reflects my unique journey combining healthcare experience with modern technology:

• Healthcare-Inspired - Clean, accessible design prioritizing user experience
• Technology-Forward - Modern web technologies and best practices
• Professional - Suitable for corporate and startup environments
• Personal - Authentic representation of my story and values

🚀 Deployment

Frontend (Netlify/Vercel)

npm run build
# Deploy build folder

Full Stack (Heroku)

git push heroku main

🤝 Contributing

While this is a personal portfolio, I welcome feedback and suggestions! Feel free to:

1. Open an issue for bugs or suggestions
2. Fork the repo for your own portfolio inspiration
3. Share feedback on design or functionality

📈 Performance

• ⚡ Lighthouse Score: 95+ across all metrics
• 📱 Mobile Responsive: Optimized for all screen sizes
• 🔍 SEO Optimized: Meta tags and semantic HTML
• ♿ Accessible: WCAG 2.1 AA compliant

📝 License

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

📧 Contact

Derek - derek@dekdev.com

• 💼 LinkedIn: linkedin.com/in/derek-dev
• 📂 GitHub: github.com/derek-dev
• 🌐 Portfolio: dekdev.com

---

⭐ Star this repo if you find it helpful or inspiring for your own portfolio!

🔄 Development Status

• Frontend core structure
• Professional photo integration
• Responsive design
• Component architecture
• Backend API development
• AI chatbot integration
• Analytics dashboard
• Blog functionality
• Admin panel
• Production deployment

---

Building the future, one line of code at a time. 🚀