Landing Page Project

This project is a landing page template designed to serve as a solid base for similar projects. The project structure is clean, modular, and easily extendable for future development.

Overview

This landing page is built using modern tools and practices to ensure rapid development and efficient performance. It is especially suitable for developers looking for a robust starting point for web projects.

Live Demo

Experience the live version of the project here: https://antmuraha.github.io/cautious-doodle/

Standards compliance

HTML Validator	CSS Validator

PageSpeed Insights Test

This repository is used to analyze and optimize web performance using Google PageSpeed Insights.
For the latest test results, visit: PageSpeed Insights

Project Structure as a Base

The structure of this project is intentionally designed to be reused as a starting point for similar projects. It includes:

• A modular setup for scaling.
• Clear separation of development and production configurations.
• Automated build processes using Vite.

Basic Packages and Plugins

This project utilizes the following core packages and plugins:

• Vite A modern, fast development tool that offers an efficient build process.

• PostCSS
  A tool for transforming CSS with JavaScript plugins, used here to optimize and sort media queries.

• vite-plugin-full-reload
  Automatically reloads the page when specific files change.

• vite-plugin-html-inject
  Enables injection of dynamic content into HTML files during the build process.

Installation and Setup

1. Clone the repository:

   git clone https://github.com/antmuraha/cautious-doodle

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Build for production:

npm run build

Contributing

Contributions are welcome.

Please ensure that any pull requests adhere to the project`s coding standards and structure.