Dakota Tegan - Professional Resume Website

A modern, responsive website resume built with HTML5, CSS3, and JavaScript, specifically designed for Software Engineering and Development positions.

🚀 Features

• Modern Design: Clean, professional layout with contemporary styling
• Responsive: Optimized for desktop, tablet, and mobile devices
• Interactive: Smooth animations, hover effects, and dynamic content
• Print-Friendly: Optimized print styles for physical copies
• Accessible: Keyboard navigation and screen reader friendly
• Performance: Fast loading with modern web standards

📁 File Structure

resume/
├── index.html          # Main HTML structure
├── styles.css          # CSS styling and responsive design
├── script.js           # Interactive JavaScript functionality
├── README.md           # This documentation file
└── [PDF files]         # Original resume documents

🔧 Key Sections

Header

• Professional name and title
• Contact information with interactive elements
• Professional tagline with typing animation

Technical Skills

• Organized by category (Programming, Systems, Development, Project Management)
• Interactive skill tags with hover effects
• Optimized for software engineering roles

Professional Experience

• Detailed work history with technical achievements
• Emphasis on leadership and technical growth
• Formatted for easy scanning by recruiters

Projects & Accomplishments

• Showcase of key technical projects
• Technology tags for quick identification
• Demonstrates practical experience

Education & Certifications

• Computer Science degree from WGU
• Professional certifications (CompTIA Project+, ITIL)
• Academic achievements highlighted

🎨 Customization

Colors

The color scheme can be easily modified by updating CSS custom properties in styles.css:

:root {
    --primary-color: #2563eb;      /* Main blue */
    --secondary-color: #1e40af;    /* Darker blue */
    --accent-color: #3b82f6;       /* Light blue */
    /* ... other colors */
}

Content

• Personal Information: Update contact details in index.html
• Experience: Modify job descriptions and achievements
• Skills: Add or remove technical skills as needed
• Projects: Update project descriptions and technologies

Styling

• Fonts: Change fonts by updating the Google Fonts link and CSS font-family
• Layout: Modify grid layouts, spacing, and sizing in styles.css
• Animations: Customize animations and transitions in script.js

📱 Responsive Breakpoints

• Desktop: 1200px and above
• Tablet: 768px - 1199px
• Mobile: Below 768px
• Small Mobile: Below 480px

🖥️ Browser Compatibility

• Chrome/Chromium (recommended)
• Firefox
• Safari
• Edge
• Mobile browsers

🚀 Usage Instructions

Local Development

1. Open index.html in a modern web browser
2. No build process required - pure HTML/CSS/JS
3. Make edits and refresh to see changes

Hosting Options

• GitHub Pages: Upload to a GitHub repository and enable Pages
• Netlify: Drag and drop the folder for instant hosting
• Vercel: Connect to a Git repository for automatic deployments
• Traditional Web Hosting: Upload files to any web server

Print Version

• Use Ctrl+P (Windows) or Cmd+P (Mac) to print
• Print button available in the header on desktop
• Optimized print styles maintain professional formatting

🎯 Optimization for Software Engineering Roles

This resume website is specifically tailored for software engineering positions:

• Technical Skills Prominence: Programming languages and tools highlighted
• Project-Focused: Emphasis on technical projects and implementations
• Leadership Growth: Shows progression from individual contributor to team lead
• Modern Technologies: Uses current web development best practices
• GitHub Ready: Easily deployable to showcase technical abilities

🔧 Interactive Features

• Click-to-copy email: Click on email address to copy to clipboard
• Smooth scrolling: Enhanced navigation between sections
• Scroll animations: Content animates as you scroll
• Typing animation: Animated tagline in header
• Hover effects: Interactive elements throughout
• Scroll-to-top button: Easy navigation back to top

📈 Performance

• Lightweight: Minimal external dependencies
• Fast Loading: Optimized CSS and JavaScript
• CDN Resources: Font Awesome and Google Fonts from CDN
• Modern Standards: Uses CSS Grid, Flexbox, and modern JavaScript

🎨 Design Philosophy

The design follows modern web design principles:

• Clean Typography: Professional, easy-to-read fonts
• Consistent Spacing: Harmonious layout with proper white space
• Color Psychology: Blue tones convey trust and professionalism
• Visual Hierarchy: Important information stands out
• Accessibility: WCAG guidelines considered

🔄 Future Enhancements

Potential additions for future versions:

• Dark Mode: Toggle between light and dark themes
• Multi-language Support: Support for multiple languages
• Contact Form: Integrated contact form with backend
• Blog Integration: Add a blog section for technical writing
• Portfolio Gallery: Expanded project showcase with images

📞 Contact & Updates

For questions or updates to this resume website:

• Email: dakotajtegan@gmail.com
• Phone: (801) 505-8959
• Location: Eagle Mountain, Utah

📝 License

This resume website template is created for Dakota Tegan's personal use. The design and structure can be used as inspiration for other resume websites with appropriate attribution.

---

Ready to showcase your technical expertise and leadership abilities to potential employers! 🚀