GitHunt
IK

Учебный Angular/TypeScript проект: Single-Page Application (SPA) для аренды авто.

🚗 Luxury Car Rental / Продажа и Аренда Авто (Frontend)

Обзор проекта ✨

Этот репозиторий представляет собой Single-Page Application (SPA), разработанное в рамках учебного проекта для ознакомления с фреймворком Angular и языком TypeScript.

Проект имитирует одну страницу интернет-магазина, специализирующегося на продаже и аренде автомобилей класса люкс. Главный фокус — на качественной фронтенд-реализации, интерактивности и валидации форм.

🔗 Live Demo

Вы можете посмотреть живую демонстрацию проекта по ссылке:
Посмотреть сайт


🛠️ Стек технологий

Проект полностью реализован на фронтенде с использованием современных веб-технологий:

  • Фреймворк: Angular (Standalone Components)
  • Языки: TypeScript, HTML5, CSS3
  • Сборка: Производственная сборка (Production Build)

🚀 Основной функционал

Веб-сайт демонстрирует несколько ключевых фронтенд-навыков:

  1. Одностраничное приложение (SPA): Вся функциональность реализована в рамках одного компонента.
  2. Интерактивные элементы: Реализована функциональность всех видимых кнопок и элементов интерфейса.
  3. Рабочие фильтры: Возможность фильтрации списка автомобилей по различным параметрам.
  4. Валидация форм: Строгая проверка правильности заполнения полей в форме заказа (например, проверка почты, номеров телефонов и обязательных полей).
  5. Автозаполнение полей: Автоматическое заполнение поля "Аренда автомобиля" при выборе опции.

⚙️ Установка и запуск

Поскольку в репозитории представлена готовая производственная сборка (production build), для просмотра кода и локальной разработки необходимо:

  1. Клонирование репозитория:

    git clone https://github.com/iklimantov/cars
    cd cars
  2. Установка зависимостей (если вы хотите запустить проект локально):

    npm install
  3. Запуск локального сервера:

    ng serve

Проект будет доступен по адресу http://localhost:4200/.