iklimantov/cars
Учебный 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)
🚀 Основной функционал
Веб-сайт демонстрирует несколько ключевых фронтенд-навыков:
- Одностраничное приложение (SPA): Вся функциональность реализована в рамках одного компонента.
- Интерактивные элементы: Реализована функциональность всех видимых кнопок и элементов интерфейса.
- Рабочие фильтры: Возможность фильтрации списка автомобилей по различным параметрам.
- Валидация форм: Строгая проверка правильности заполнения полей в форме заказа (например, проверка почты, номеров телефонов и обязательных полей).
- Автозаполнение полей: Автоматическое заполнение поля "Аренда автомобиля" при выборе опции.
⚙️ Установка и запуск
Поскольку в репозитории представлена готовая производственная сборка (production build), для просмотра кода и локальной разработки необходимо:
-
Клонирование репозитория:
git clone https://github.com/iklimantov/cars cd cars -
Установка зависимостей (если вы хотите запустить проект локально):
npm install
-
Запуск локального сервера:
ng serve
Проект будет доступен по адресу http://localhost:4200/.