https://github.com/pipchenkovaa/authorization-form

A two-page authorization form for both New & Registered users / Двухстраничная форма авторизации, подходящая как для новых, так и для зарегистрированных пользователей
https://github.com/pipchenkovaa/authorization-form

adobe-photoshop css3 git html5 javascript scss

Last synced: 27 days ago
JSON representation

A two-page authorization form for both New & Registered users / Двухстраничная форма авторизации, подходящая как для новых, так и для зарегистрированных пользователей

• Host: GitHub
• URL: https://github.com/pipchenkovaa/authorization-form
• Owner: Pipchenkovaa
• Created: 2024-07-13T13:33:59.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-16T13:39:59.000Z (about 1 year ago)
• Last Synced: 2025-07-29T00:29:09.367Z (2 months ago)
• Topics: adobe-photoshop, css3, git, html5, javascript, scss
• Language: CSS
• Homepage: https://pipchenkovaa.github.io/Authorization-Form/
• Size: 3.81 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
 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