bissengaliyev-mern-блог
У цьому проекті я використовував стек MERN:
MongoDB - база даних документів
Express(.js) - веб-фреймворк Node.js
React(.js) - клієнтський JavaScript-фреймворк
Node(.js) - основний веб-сервер JavaScript
Сторінки :
1 .Головна: Головна сторінка, на якій користувач бачить повідомлення, може класифікувати їх за датою і популярністю, а також побачити останні 5 тегів, коментарі.2 .Вхід: Сторінка, де ви бачите 2 поля введення: 1) Електронна пошта; 2) Пароль; Якщо користувач ввів поля правильно, додаток переведе його на головну сторінку і зареєструє його як аутентифікованого (збереже jwt-токен в локальному складі).3 .Реєстрація: Сторінка, на якій ви бачите 3 поля для введення: 1) Електронна пошта; 2) Пароль; 3) Повне ім'я; Якщо користувач ввів поля правильно, в базі даних створюється новий користувач і додаток переводить його на головну сторінку, в кінцевому підсумку реєструє його як аутентифікованого (зберігає jwt-токен в localstorage).ЧетвертийДодати пост: Сторінка, де користувач може створити новий пост, тут він може завантажити зображення для попереднього перегляду створеного повідомлення, встановити заголовок, марку, теги.Якщо користувач аутентифікований, він може залишити коментарі, а також побачити коментарі інших користувачів до цього повідомлення.5 .Редагувати пост: Ця сторінка має той же дизайн, як і сторінка "Додати пост", але тут користувач оновлює пост.6 .Послання за тегами: Ця сторінка показує користувачеві повідомлення за тегами, він також може класифікувати їх за датою і популярністю.#MERN #ReactJS #Mongoose #mongodb #Javascript #redux #MaterialUI #ExpressJS
MongoDB - база даних документів
Express(.js) - веб-фреймворк Node.js
React(.js) - клієнтський JavaScript-фреймворк
Node(.js) - основний веб-сервер JavaScript
Сторінки :
1 .Головна: Головна сторінка, на якій користувач бачить повідомлення, може класифікувати їх за датою і популярністю, а також побачити останні 5 тегів, коментарі.2 .Вхід: Сторінка, де ви бачите 2 поля введення: 1) Електронна пошта; 2) Пароль; Якщо користувач ввів поля правильно, додаток переведе його на головну сторінку і зареєструє його як аутентифікованого (збереже jwt-токен в локальному складі).3 .Реєстрація: Сторінка, на якій ви бачите 3 поля для введення: 1) Електронна пошта; 2) Пароль; 3) Повне ім'я; Якщо користувач ввів поля правильно, в базі даних створюється новий користувач і додаток переводить його на головну сторінку, в кінцевому підсумку реєструє його як аутентифікованого (зберігає jwt-токен в localstorage).ЧетвертийДодати пост: Сторінка, де користувач може створити новий пост, тут він може завантажити зображення для попереднього перегляду створеного повідомлення, встановити заголовок, марку, теги.Якщо користувач аутентифікований, він може залишити коментарі, а також побачити коментарі інших користувачів до цього повідомлення.5 .Редагувати пост: Ця сторінка має той же дизайн, як і сторінка "Додати пост", але тут користувач оновлює пост.6 .Послання за тегами: Ця сторінка показує користувачеві повідомлення за тегами, він також може класифікувати їх за датою і популярністю.#MERN #ReactJS #Mongoose #mongodb #Javascript #redux #MaterialUI #ExpressJS