Professional website for TheDevEco - a developer relations consultancy helping organizations build thriving developer communities.

This is a modern Vue 3 + TypeScript website built with Vite, featuring:

• Two Main Divisions: Consultancy services and Community platform
• Professional Design: Clean, modern interface with TheDevEco branding
• Responsive Layout: Mobile-first design that works on all devices
• Dynamic Client Logos: Automatic display of client/partner logos
• Contact Forms: Interactive contact forms for lead generation
• Performance Optimized: Fast loading with code splitting and optimization

• Frontend: Vue 3 with Composition API
• Language: TypeScript
• Build Tool: Vite
• Styling: Scoped CSS with modern features
• Routing: Vue Router 4
• State Management: Pinia
• Icons: Heroicons (inline SVG)
• Deployment: Digital Ocean App Platform (Static Site)

• Hero section with animated hexagonal logo pattern
• Two-division overview (Consultancy & Community)
• Partner team showcase (Robert, Tory, Moheeb)
• Dynamic client logos carousel
• Call-to-action sections

• Comprehensive service offerings
• Team member profiles with expertise
• Process workflow explanation
• Detailed service descriptions

• Portal Network explanation and stats
• B3VY community overview
• Events and workshops information
• Community values and guidelines

• Portal Network Discord bot details
• B3VY meta-community platform
• LaunchCue CRM (beta)
• Technical specifications
• Product roadmap

• Multiple contact methods
• Detailed contact form with service selection
• FAQ section
• Virtual office hours information

• Automatic client logo detection
• Supports multiple image formats
• Responsive carousel display
• Easy logo management via file system

• Node.js 20+
• npm or yarn

# Clone the repository
git clone <repository-url>
cd thedeveco-vue

# Install dependencies
npm install

# Start development server
npm run dev

# Development server with hot reload
npm run dev

# Build for production
npm run build

# Preview production build locally
npm run preview

# Type checking
npm run type-check

# Linting
npm run lint

# Run all checks (type-check + build)
npm run build

1. Add logo files to /public/clients/ directory
2. Use lowercase filenames (e.g., microsoft.png, google.svg)
3. Supported formats: PNG, SVG, JPG, WebP
4. Recommended size: 200x100px aspect ratio
5. Logos will automatically appear on the homepage

See /public/clients/README.md for detailed instructions.

src/
├── components/
│   ├── layout/          # Header, Footer
│   └── ui/              # Reusable UI components
├── views/               # Page components
│   ├── HomeView.vue     # Landing page
│   ├── ConsultancyView.vue
│   ├── CommunityView.vue
│   ├── ProductsView.vue
│   └── ContactView.vue
├── router/              # Vue Router configuration
├── stores/              # Pinia stores
└── assets/              # Static assets

public/
├── clients/             # Client logo images
└── images/              # Other public images

• Color Scheme: Based on TheDevEco logo colors (#378a8b, #5fb3b4)
• Typography: System font stack for optimal performance
• Layout: CSS Grid and Flexbox for responsive design
• Components: Scoped CSS with BEM-like naming
• Interactions: Subtle animations and hover effects

This site is configured for deployment on Digital Ocean App Platform as a static site.

1. Push code to GitHub
2. Connect repository to Digital Ocean App Platform
3. Use the provided .do/app.yaml configuration
4. Configure custom domain (thedeveco.com)

See DEPLOYMENT.md for detailed deployment instructions.

dist/
├── index.html
├── assets/
│   ├── css/
│   ├── js/
│   └── images/
└── clients/             # Client logos

• Code Splitting: Automatic route-based code splitting
• Asset Optimization: Images and fonts optimized for web
• Tree Shaking: Unused code eliminated in production
• Gzip Compression: Enabled by Digital Ocean
• Lazy Loading: Images and components loaded on demand

• Modern Browsers: Chrome 90+, Firefox 88+, Safari 14+, Edge 90+
• Mobile: iOS Safari 14+, Chrome Mobile 90+
• Features: ES2020, CSS Grid, Flexbox, CSS Custom Properties

1. Create feature branch from main
2. Make changes following existing code style
3. Test locally with npm run dev
4. Run npm run build to ensure production build works
5. Submit pull request with clear description

Private project for TheDevEco LLC.

For development issues:

• Check Vue 3 documentation
• Review Vite configuration docs
• Contact development team

For business inquiries:

• Email: [email protected]
• Discord: https://discord.gg/deveco