Juniauto Website

This is the official website for Juniauto, a towing and auto rescue service in Campo Grande, RJ. The project is built with Astro, React, and Tailwind CSS.

🚀 Tech Stack

• Framework: Astro
• UI Library: React
• Styling: Tailwind CSS
• Testing: Playwright
• Quality/Audit: Lighthouse & Custom Scripts

🛠️ Prerequisites

• Node.js (v18 or higher recommended)
• npm (Node Package Manager)

📦 Installation

1. Clone the repository:

   git clone <repository-url>
   cd website

2. Install dependencies:

   npm install

💻 Development

Start the local development server:

npm run dev

The site will be available at http://localhost:4321.

🏗️ Build & Preview

To build the project for production:

npm run build

To preview the production build locally:

npm run preview

🔍 Quality Assurance

This project includes scripts for performance and quality auditing using Lighthouse.

• Run Lighthouse Audit:

  npm run quality:audit

  Runs a Lighthouse audit on the configured pages.

• Analyze Report:

  npm run quality:analyze

  Analyzes the generated lighthouse-report.json.

• Check Console Errors:

  npm run quality:console

  Checks for console errors during the audit process.

📁 Project Structure

/
├── public/           # Static assets
├── scripts/          # Quality assurance and utility scripts
├── src/
│   ├── components/   # Reusable UI components (Astro/React)
│   ├── layouts/      # Page layouts
│   ├── pages/        # File-based routing
│   └── styles/       # Global styles
├── package.json      # Project dependencies and scripts
└── astro.config.mjs  # Astro configuration

🧪 Testing

Run end-to-end tests with Playwright:

npx playwright test

📄 License

MIT