https://github.com/alexanderkoldin/cookies

Небольшой Landing Page с печеньем. Angular TypeScript
https://github.com/alexanderkoldin/cookies

angular css html javascript rest-api typescript

Last synced: 3 months ago
JSON representation

Небольшой Landing Page с печеньем. Angular TypeScript

• Host: GitHub
• URL: https://github.com/alexanderkoldin/cookies
• Owner: AlexanderKoldin
• Created: 2024-11-06T14:34:54.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-07T13:45:48.000Z (over 1 year ago)
• Last Synced: 2025-01-24T07:45:02.212Z (over 1 year ago)
• Topics: angular, css, html, javascript, rest-api, typescript
• Language: HTML
• Homepage: https://alexanderkoldin.github.io/cookies/
• Size: 2.38 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![HTML](https://img.shields.io/badge/HTML-5-orange)

![CSS](https://img.shields.io/badge/CSS-3-blue)

![JavaScript](https://img.shields.io/badge/JavaScript-ES6-yellow)

![Angular](https://img.shields.io/badge/Angular-13-red)

![TypeScript](https://img.shields.io/badge/TypeScript-4.5-blue)

# Проект: [Cookies Landing](https://alexanderkoldin.github.io/cookies/)

Этот проект представляет собой одностраничное приложение, выполненное с использованием адаптивной верстки, стилизованных компонентов, переключателя валют и валидации формы. Он также включает загрузку карточек с сервера, что демонстрирует навыки работы с API. Проект разработан с использованием HTML, CSS, JavaScript, Angular и TypeScript.

## Функциональность

- **Адаптивная верстка:** Макет корректно отображается на различных устройствах.

- **Стилизация:** Настроенные CSS-стили для гармоничного дизайна и удобства восприятия.

- **Переключатель валют:** Возможность переключать валюты для отображения цен в разных форматах.

- **Валидация формы:** Реализована проверка полей формы для корректного ввода данных с использованием Angular.

- **Загрузка карточек с сервера:** Приложение динамически загружает карточки с сервера, что позволяет обновлять данные без перезагрузки страницы.

## Структура проекта

- **HTML:** Основной каркас страницы, включающий все ключевые элементы.

- **CSS:** Стили для адаптивности и визуального оформления.

- **Angular и TypeScript:** Логика для работы переключателя валют, валидации формы и загрузки данных с сервера, реализованная с использованием Angular и TypeScript для улучшенной читаемости и поддержки типизации.

## Использование

1. Выберите нужную валюту с помощью переключателя.

2. Заполните форму, соблюдая правила валидации.

3. Просмотрите динамически загружаемые карточки с сервера.

4. Подтвердите ввод для отправки данных.

## Технологии

- ![HTML](https://img.shields.io/badge/HTML-5-orange)

- ![CSS](https://img.shields.io/badge/CSS-3-blue)

- ![JavaScript](https://img.shields.io/badge/JavaScript-ES6-yellow)

- ![Angular](https://img.shields.io/badge/Angular-13-red)

- ![TypeScript](https://img.shields.io/badge/TypeScript-4.5-blue)

- ![REST API](https://img.shields.io/badge/REST%20API-Enabled-green)