90 минут, никаких фреймворков использовать нельзя только html css js, без функционала, только сверстать все по тз задание Инструкция к выполнению практической части: Описание предметной области: Вам необходимо создать городской портал «Сделаем лучше вместе!» по приему заявок на устранение проблем в городе: ямочный ремонт дорог, ремонт детских площадок, зданий сооружений и т.д. Вам предстоит продемонстрировать свои знания в разработке веб-портала с использованием таких технологий как дизайн, верстка, программирование на стороне клиента и сервера. Также необходимо позаботиться о защите проекта: от взлома, от несанкционированного доступа к административным функциям и т.д. Перед тем как впервые воспользоваться услугами портала гражданин должен зарегистрироваться. При разработке верстки необходимо использовать один из предоставленных шрифтов. На сайте должны быть реализованы следующие страницы: ● Главная страница, предоставляющая возможности авторизации и регистрации пользователей. ● Личные кабинеты администратора и авторизованных пользователей Дополнительная информация по каждой из страниц представлена ниже. Вы можете создавать дополнительные страницы по своему усмотрению. Учтите, что дизайн и верстка будут оцениваться в первую очередь по страницам: ● Главная страница ● Личный кабинет авторизованного пользователя Доступ к этим страницам должен быть очевидным. Логотип должен быть реализован в соответствии с требованиями: В логотипе должны быть использованы основные цвета сайта; Логотип представляет собой изображение; Разработанный логотип должен быть сохранен на сервере в корневом каталоге в директории logo со следующим именем - logo.png 97 Возможности авторизованного пользователя Регистрация, авторизация, выход; Создание заявки на решение проблемы; Просмотр своих заявок; Удаление своей заявки. Разделы администратора Смена статуса заявки на «Решена» или «Отклонена». Управление категориями заявок (например, «ремонт дорог», «уборка мусора» и др.) Авторизация пользователя и администратора При вводе неправильной пары логин-пароль пользователю отображается сообщение об ошибке (логины разных клиентов не должны совпадать). При успешной авторизации пользователь должен перенаправляться в Личный кабинет с возможностью просмотра своих заявок. Личный кабинет доступен только авторизованному пользователю. Панель управления сайтом доступна только администратору. Регистрация пользователя Вся валидация должна работать без перезагрузки страницы, все поля обязательные для заполнения: ФИО - только кириллические буквы, дефис и пробелы – проверка на стороне клиента; Логин – только латиница, уникальный - проверка на стороне сервера, без перезагрузки страницы; Email - валидный формат email-адрес - проверка на стороне клиента; Пароль; Повтор пароля – введенное значение должно совпадать с паролем; Согласие на обработку персональных данных - должно быть отмечено. Все поля обязательны для заполнения. Ошибки валидации должны отображаться на форме. По кнопке «Зарегистрироваться» пользователь должен заноситься в базу если поля прошли валидацию. Все авторизованные пользователи могут выйти из профиля по нажатию на ссылку/кнопку «Выход». Создание заявки (все поля обязательны): Название; Описание; Категория (выбор из существующих категорий); Фото, демонстрирующее проблему в одном из форматов (jpg, jpeg, png, bmp) максимальный размер 10Мб; при невыполнении хотя бы одного из требований, заявка не сохраняется на сервере, выводится сообщения об ошибке. При добавлении заявки она должна автоматически получить статус «Новая». Удаление заявки: При удалении заявки пользователю должно быть выведено сообщение с просьбой подтвердить желаемое действие. Пользователь может удалить только свою заявку, статус которой не был изменен администратором на «решено» или «отклонена». Просмотр своих заявок На странице просмотра своих заявок необходимо отобразить список своих заявок со следующими полями: • Название заявки • Описание заявки • Категория заявки • Статус заявки (Новая, Решена, Отклонена). По умолчанию отображаются все заявки в порядке добавления заявок (недавно добавленные отображаются в начале таблицы). Вам необходимо добавить возможности фильтрации заявок по статусу, например, отображение только заявок со статусом «Новая». Главная страница На главной странице выводится не более 4 последних решенных проблем (фото решенной проблемы) со следующими полями: • Название • Категория заявки • Фотография Администратор: В панели администратора видны все заявки (ФИО подавшего, название, категория заявки, фотография и статус заявки) Заявке со статусом «Новая» можно сменить статус на «Отклонена» с обязательным указанием причины отказа. Смена статуса с «Решена» или «Отклонена» невозможна. Управление категориями заявок Администратор может добавить или удалить категорию заявок. При удалении категории должны быть удалены все заявки данной категории. Заявки этой категории не отображаются.
xiaoxiaoxiao_inactive7499375 Привет! Это довольно интересное задание. Я могу помочь с некоторыми вопросами по HTML, CSS и JavaScript. Чем именно ты хочешь начать?