feat: replace build to use vite, playwright

[musale]

This pull request introduces the initial setup for the Acoruss company website, establishing a modern development workflow, automated deployment, code quality tooling, and the main application logic. The changes lay the foundation for a performant, maintainable, and feature-rich static site, including blog integration and responsive UI enhancements.

Development Environment & Tooling:

• Added package.json with scripts for development, build, preview, formatting, and linting, and included dependencies for Vite, Tailwind CSS, ESLint, and Prettier.
• Introduced .eslintrc.json and .prettierrc.json for code linting and formatting standards, ensuring code consistency and quality. [1] [2]
• Added playwright.config.js to enable cross-browser and mobile testing using Playwright MCP.

Automated Build & Deployment:

• Updated GitHub Actions workflow (deploy-pages.yml) to automate deployment to GitHub Pages when release pull requests are merged, incorporating build steps with Node.js, dependency installation, and artifact upload. [1] [2]

Documentation:

• Expanded README.md to provide detailed setup, development, testing, deployment, and design system documentation for contributors and maintainers.

Main Application Logic:

• Added src/main.js implementing:
  • Mobile menu toggle and smooth scrolling navigation.
  • Intersection Observer-based animation triggers.
  • Blog integration by asynchronously fetching and rendering posts from an external RSS feed, with caching and fallback.
  • Performance monitoring via browser console logs.

---

Development Environment & Tooling

• Added package.json with scripts for development, build, preview, formatting, and linting, including dependencies for Vite, Tailwind CSS, ESLint, Prettier, and Terser.
• Added ESLint and Prettier configuration files (.eslintrc.json, .prettierrc.json) to enforce code style and quality standards across the project. [1] [2]
• Introduced Playwright configuration (playwright.config.js) for automated browser and mobile testing.

Automated Build & Deployment

• Updated GitHub Actions workflow (deploy-pages.yml) to automate deployment to GitHub Pages on merged release PRs, with steps for Node.js setup, dependency installation, build, and artifact upload. [1] [2]

Documentation

• Overhauled README.md with comprehensive instructions for setup, development, testing, deployment, design system, and feature overview.

Main Application Logic

• Implemented src/main.js with:
  • Responsive mobile menu and smooth scrolling navigation.
  • Intersection Observer-based animation for UI elements.
  • Asynchronous blog post loading from RSS feed with caching, error handling, and fallback data.
  • Performance monitoring via console logs.

[Copilot]

Pull Request Overview

This pull request migrates the Acoruss website from a CDN-based development approach to a modern build system using Vite, implementing performance optimizations, automated testing capabilities, and improved development workflows.

• Replaces Tailwind CDN with local compilation for better performance and tree-shaking
• Introduces Vite as the build tool with optimized bundling and development server
• Adds Playwright for automated browser testing and development quality assurance
• Establishes comprehensive tooling for code formatting, linting, and deployment automation

Reviewed Changes

Copilot reviewed 10 out of 12 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
vite.config.js	Configures Vite build tool with Tailwind plugin, optimization settings, and development server
src/style.css	Migrates styles from inline HTML to dedicated CSS file with custom utilities and animations
src/main.js	Extracts JavaScript functionality from HTML into modular file with enhanced blog loading
playwright.config.js	Sets up cross-browser testing configuration for quality assurance
package.json	Defines project dependencies, scripts, and metadata for the new build system
index.html	Removes inline styles and scripts, now references Vite-managed assets
.prettierrc.json	Establishes code formatting standards for consistent style
.eslintrc.json	Configures code linting rules for quality and consistency
.github/workflows/deploy-pages.yml	Updates deployment workflow to use Node.js build process
README.md	Comprehensive documentation for the new development and testing workflows

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}