Authorization Form / Форма авторизации

This static two-page website offers an alternative perspective on what the authorization form may look like for different types of users: new and registered.

Данный статичный двухстраничный сайт предлагает альтернативный взгляд на то, как может выглядеть форма авторизации для разных категорий пользователей: новых и уже зарегистрированных.

💡 Features / Особенности

There are 2 options for the appearance of the authorization form: for new users and for already registered users / 2 варианта внешнего вида формы авторизации: для новых пользователей и для уже зарегистрированных

Responsive layout that works on both desktop and mobile devices / Адаптивный макет для всех устройств

Demonstration of the form's operation with incorrectly entered data / Демонстрация работы формы при некорректно введенных данных

⚙️ Structure / Структура

«css/» contains compiled CSS files with custom styles / папка «css» содержит скомпилированные CSS файлы со стилями

«fonts/» contains custom fonts / папка «fonts» содержит кастомные шрифты

«images/» contains image assets used on the website / папка «images» содержит использованные в проекте изображения

«js/» contains all JavaScript files / папка «js» содержит все скрипты

«scss/» contains SCSS files with styles / папка «scss» содержит SCSS файлы со стилями

Built With / Использованные технологии

HTML5 / CSS3 / SCSS / JavaScript (ES6+)

Run this project locally / Для запуска проекта локально:

1. Clone the repository / Клонируем репозиторий: git clone https://github.com/Pipchenkovaa/Authorization-Form.git
   
2. Navigate to the project directory / Переходим в директорию проекта: cd Authorization-Form
   
3. Install dependencies / Устанавливаем необходимые модули и пакеты: npm install
   
4. Start the development server / Запускаем скрипт для сборки JavaScript модулей: npm start
   
5. Open the project in your browser / Открываем проект локально в браузере: http://localhost:3000
   

©️ Author / Авторство

© Pipchencova Alina, 2024