bissengaliyev-mern-blog

В этом проекте я использовал стек MERN:
- MongoDB - база данных документов
- Express(.js) - веб-фреймворк Node.js
- React(.js) - клиентский JavaScript-фреймворк
- Node(.js) - основной веб-сервер JavaScript

Страницы:
1. Главная: Главная страница, на которой пользователь видит сообщения, может сортировать их по дате и популярности, а также видеть последние 5 тегов, комментарии.

2. Вход: Страница, где вы видите 2 поля ввода: 1) E-mail; 2) Пароль; Если пользователь ввел поля правильно, приложение переведет его на главную страницу и зарегистрирует его как аутентифицированного (сохранит jwt-токен в локальном хранилище).

3. Регистрация: Страница, на которой вы видите 3 поля для ввода: 1) E-mail; 2) Пароль; 3) Полное имя; Если пользователь ввел поля правильно, в базе данных создается новый пользователь и приложение переводит его на главную страницу, в конце регистрирует его как аутентифицированного (сохраняет jwt-токен в localstorage).

4. Добавить пост: Страница, где пользователь может создать новый пост, здесь он может загрузить изображение для предварительного просмотра создаваемого поста, задать заголовок, разметку, теги. Если пользователь аутентифицирован, он может оставлять комментарии, а также видеть комментарии других пользователей к этому посту.

5. Редактировать пост: Эта страница имеет такой же дизайн, как и страница "Добавить пост", но здесь пользователь обновляет пост.

6. Посты по тегам: Эта страница показывает пользователю сообщения по тегам, он также может сортировать их по дате и популярности.

#MERN #ReactJS #Mongoose #mongodb #Javascript #redux #MaterialUI #ExpressJS