
Магазин приложений для Mac
Динамичный веб-сайт, позволяющий пользователям находить и искать приложения и музыку для macOS.
Посетите сайт здесь!
Оглавление
- О проекте
- Логический дизайн
- Аутентификация пользователя
- Динамические веб-страницы
- API и AJAX
- Прокрутка
- Локальное хранилище
- Требования
- Начиная
- Лицензия
- Благодарности
О проекте

Веб-сайт Mac App Store призван стать центром, где пользователи смогут найти абсолютно любое приложение, доступное в реальном Mac App Store, и в то же время служить местом, где они могут найти песни через специальный раздел Apple Music. Пользователи также могут загружать приобретенные приложения (только в демонстрационных целях) из специального приобретенного раздела. Минималистичный дизайн Mac App Store в сочетании с такими функциями, как избранные, топ-чарты, категории, поиск и Apple Music, помогут пользователям быстро найти следующее приложение или песню.
Построен с
- HTML
- CSS
- Javascript
- jQuery
- PHP
- API поиска iTunes
Логический дизайн
Аутентификация пользователя

- PHP используется для хранения учетных данных в файлах cookie сеанса после того, как пользователь регистрирует новую учетную запись.
- Bycrypt используется для хэширования и хранения пароля, предоставленного пользователем при регистрации. Когда пользователь желает войти в систему, сохраненный хэш сравнивается с новым хешем для авторизации пользователя.
- На странице регистрации требуется действительный адрес электронной почты и надежный пароль, чтобы пользователь мог успешно создать новую учетную запись.
- Пользователю не разрешается вернуться на страницу входа/регистрации до тех пор, пока он не выйдет из системы. Пользователю также не разрешается переходить на любую другую страницу, кроме страницы входа/регистрации, если пользователь не вошел в систему.
Динамические веб-страницы


- Вход/Регистрация: Если пользователь нажимает кнопку «Создать!» ссылку для регистрации новой учетной записи, появится новое окно регистрации и заменит существующее тело входа. Закрытие окна регистрации приведет к его исчезновению и повторному отображению окна входа в систему.
- Поиск: поиск приложения на домашней странице очистит существующее содержимое в теле и отобразит приложение (если оно найдено) со ссылкой на страницу приложения. Закрытие окна поиска вернет пользователя на предыдущий экран.
- Страница приложения: при нажатии на любое приложение на веб-сайте пользователь будет перенаправлен на динамическую веб-страницу, показывающую описание, снимки экрана, обзоры и т. д. только этого конкретного приложения.
- Страница музыки: эта страница динамически меняется, когда пользователь ищет музыку. Эта страница также динамически переключается между собой и страницей поиска в зависимости от действий пользователя.
- Страница покупок: эта страница динамически меняется между собой и страницей поиска в зависимости от действий пользователя.
API и AJAX

Доступ к API iTunes осуществляется с помощью метода AJAX для получения данных обо всех приложениях и песнях на веб-сайте, которые затем вставляются в HTML-код через jQuery.
Прокрутка

При нажатии кнопок влево/вправо на главной странице содержимое будет прокручиваться влево и вправо. Кнопки также будут плавно исчезать или появляться снова в зависимости от положения содержимого, которое можно изменить, щелкнув левую или правую кнопку или даже запустив ручную горизонтальную прокрутку.
Локальное хранилище

Информация о приложении, которое пользователь желает посетить, или о приложениях, которые он приобрел, хранится в локальном хранилище и используется различными страницами для получения данных этого конкретного приложения.
Требования
Начиная
здесь
- Загрузите все файлы из репозитория
- Извлеките zip-папку в папку/сервер PHP.
- Откройте index.html через localhost
Лицензия
Распространяется по лицензии MIT.
Благодарности