форма регистрации

Статус рабочей области:В работе
Стоимость:2 500 рублей
Срок выполнения:3 дня
Варианты оплаты:Планируется использовать Безопасную сделку
Дата публикации:2019-04-15 13:27
Обновлено:2019-04-15 13:31
Был(а) на сайте:2019-04-16 17:26

Задача

Добрый день! необходимо разработать форму регистрации со следующими полями:
1. логин
2. E-mail
3. телефон
4. Название
5. Заголовок
6. Описание
7. Поле для загрузки аватарки
8. Поле для загрузки изображений
9. Город
10. Улица
11. Дом

Обязательные требования

Обязательные требования:
1. В заголовке и описании, при заполнении полей должно отображаться оставшееся кол-во символов. Для заголовка максимум 70, для описания 220 символов.
2. Загрузка изображения должна быть доступна с компьютера или из интернета + возможность Drag-and-drop (поле куда переносить изображение, смена цвета поля, когда изображение над ним).
3. При загрузки изображения должны появляться превью + возможность удаления (появляется крестик при наведении на превью). Размер превью должен быть, скажем 150х150.
4. При загрузки изображений должна быть стандартная проверка на вес, на то, что загружают действительно картинку и на размер (HxW). Загружать можно только jpg или png.
5. При сохранении изображений в базу должно присваиваться новое рандомное имя и расширение файла (к примеру так: $newname=date('YmdHis').rand(100,1000).'.jpg';), если загружаем jpg, то новое расширение jpg, если загружаем png, то новое расширение, соответственно png.
5. Для аватарки возможно загрузить максимум одно изображение, размер должен быть 200х200, т.е. минимальный размер.
6. Для изображений возможно загрузить максимум 10 картинок размер должен быть 700х500, т.е. минимальный размер.
7. При загрузки изображений, если изображение большего размера, то должен быть resize (в пропорциях) до нужных размеров
8. Данные из формы должны сохраняться в mySql базу
9. После сохранения, если пользователь заходит обратно в форму, должны отображаться превью загруженных изображений, соответственно с возможность удаления и другая пользовательская информация которую он ввел (логин, описание, телефон и др.).
10. При превышении веса или при попытке загрузить файл неверного формата, поле должно подсвечиваться и выводится соответствующий текст с ошибкой.
11. Код должен быть закомментирован, для последующих самостоятельных изменений.
12. Адаптивынй дизайн

p.s. Для дизайна формы можно использовать bootstrap 4 или свои стили.

205
Просмотры
Никита Гусейнов
Балакирев Роман
Даниил Ефремович
Ирина Мороз
Юлия Филонова
Вардан Андраникян
Анастасия Погорелова
Максим Дмитриевич
Екатерина Пахомова
Юрий Руденко
Вера Богаченко
Светлана Семенцова

Оставлять и видеть заявки могут только авторизованные пользователи.