SPA-приложение, написанное на Next.js с использованием API Reddit и протокола авторизации OAuth2.
Приложение использует SSR (Server-Side Rendering) - все данные получаются на стороне сервера.
Принцип Mobile First
Приложение представляет собой "Личный кабинет" с возможностью просмотреть новостную ленту из 25 лучших постов на Reddit. Для просмотра новостной ленты необходимо иметь активный аккаунт на www.reddit.com и пройти авторизоваться на странице приложения.
При нажатии на ссылку "Авторизоваться" происходит переадресация на URL-адрес авторизации Reddit. Пользователь должен сообщить reddit.com, что он согласен с тем, что приложение получит доступ к определенным данным от имени пользователя. Вам будет показано, к каким данным приложение просит получить доступ: в данном приложении используется запрос к следующим областям видимости:
- read - чтение постов от имени пользователя
- identity - получение ника и данных о пользователе для отображения иконки аккаунта и имени пользователя
После авторизации вас переадресует на главную страницу приложения, где будет доступно просмотреть новостную ленту из 25 лучших постов на Reddit в виде новостных карточек с заголовком поста, датой создания поста, автором поста, картинкой поста , а также количеством голосов/лайков поста и количеством комментариев к посту (в мобильной версии). Также будет отображена иконка и имя авторизованного пользователя.
При нажатии на карточку поста открывается страница с конкретным постом, которая содержит:
- информацию о посте с
заголовком поста,ссылкой на постна офциальном сайте Reddit, а такжемедиа-частью(в виде картинки или видео) и подробнымописаниемпоста (если оно есть) - информацией о сообществе (subreddit), в котором опубликован данный пост c
названием сообщества,картинкой сообщества,иконкой сообщества,количеством подписчиков, иссылкойна сообщество на официальном сайте Reddit - кнопка "Go Home" для Возварта на главную страницу