Brian Lockhart - Professional Portfolio

Full Stack Developer & Entrepreneur

A modern, responsive portfolio website showcasing professional work and technical expertise, built with Next.js 14, TypeScript, and Tailwind CSS.

🚀 Live Site

Production URL: deviscript-github-io.vercel.app

👨‍💻 About Brian Lockhart

Full Stack Developer and Entrepreneur with expertise in modern web technologies and a proven track record of building innovative solutions. Currently developing OuterWave, a comprehensive platform for logistics and business management.

Professional Background

• Full Stack Development: Specialized in JavaScript/TypeScript ecosystem with React, Node.js, and MongoDB
• Entrepreneurial Ventures: Founder and developer of OuterWave applications and logistics solutions
• Education: Graduate of UNC Chapel Hill's intensive 24-week MERN stack coding bootcamp
• Technical Focus: Modern web development, responsive design, and scalable application architecture

🛠️ Technology Stack

Core Technologies

• Frontend: React 18, Next.js 14, TypeScript, Tailwind CSS
• Backend: Node.js, Express.js, MongoDB, RESTful APIs
• Animations: Framer Motion for smooth interactions
• Styling: Tailwind CSS with custom design system
• Deployment: Vercel with automatic CI/CD

Development Features

• ⚡ Next.js App Router - Modern routing and performance
• 🎨 Dark/Light Mode - Persistent theme switching
• 📱 Responsive Design - Mobile-first approach
• 🔍 SEO Optimized - Meta tags, sitemap, robots.txt
• 🎭 Smooth Animations - Framer Motion interactions
• 📊 Analytics Ready - Vercel Analytics integration
• 🎯 Type Safe - Full TypeScript implementation
• 🏗️ Clean Architecture - Separation of Concerns (SoC)

📁 Project Structure

This project follows professional software architecture principles with clear Separation of Concerns:

├── 📱 app/              # Next.js App Router (pages, layouts)
├── 🧩 components/       # React UI components
├── 🛠️ lib/             # Core logic (hooks, utils, types)
├── 📄 docs/            # Documentation & guides
├── ⚙️ config/          # Configuration files
├── 📜 scripts/         # Development automation
└── 🌐 public/          # Static assets

📖 Complete Architecture Guide

🚀 Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

# Clone the repository
git clone https://github.com/DeviScript/deviscript.github.io.git
cd deviscript.github.io

# Install dependencies
npm install

# Set up environment
./scripts/setup.sh

# Start development server
npm run dev

🌐 Open http://localhost:3000

Quick Development Commands

# Development
npm run dev         # Start development server
npm run build      # Create production build
npm run lint       # Run ESLint

# Git workflow (organized scripts)
./quick.sh "message"    # Quick commit and push
./scripts/setup.sh      # Environment setup

🎯 Featured Projects

• 🌊 OuterWave App - Comprehensive business management platform
• 📦 OuterWave Logistics - Specialized logistics and operations solutions
• 💼 Personal Portfolio - This responsive, modern portfolio website

📚 Documentation

• 📋 Project Structure - Complete architecture guide
• 🚀 Vercel Setup - Deployment instructions
• 🏗️ SoC Implementation - Architecture principles
• 🔧 Contributing - Development guidelines

📞 Contact

• 🌐 Portfolio: deviscript-github-io.vercel.app
• 📧 Email: DeviScript@gmail.com
• 💼 LinkedIn: brianlockhart-deviscript
• 💻 GitHub: DeviScript

🎉 Project Status

✅ Production Ready - Deployed on Vercel with automatic CI/CD
✅ Professional Architecture - Enterprise-level code organization
✅ Type Safe - Comprehensive TypeScript implementation
✅ Scalable - Easy to extend and maintain
✅ Well Documented - Complete guides and documentation

---

🚀 Passionate about creating innovative web solutions and driving business growth through technology.