1 of 10

Веб-додаток �«Соціальна мережа для програмістів»

Розробили:

Студенти групи КІУКІу-23-2

Дацко Д.А.

Миронов Я.В.

Керiвник:

доц. КАФ. АПОТ

Павленко Є. П.

Харківський національний�університет радіоелектроніки

◤

2 of 10

Призначення

Веб-додаток призначений для спілкування програмістів та надає можливість легко і швидко орієнтуватися у функціоналі сайту, змінювати свій аватар, додавати пости, підписуватися на іншого користувача, реєструватися, входити у свій обліковий запис, створювати пости, ставити лайки і писати коментарі під постами.

◤

3 of 10

Технологія та опис додатку

Frontend

У роботі були використані Redux, Axios, Styled-Component як основні технології. Реалізація користувацького інтерфейсу була розроблена на фреймворку React.

Backend

У роботі були використані ASP.NET, Entity Framework, JWT Bearer як основні технології. Для реалізації інтерфейсу API було розроблено документацію на фреймворку Swagger.

◤

4 of 10

Демонстрація інтерфейсу та функцій

Реєстрація

Логiнiзацiя

◤

5 of 10

Демонстрація інтерфейсу та функцій

Головна сторiнка

◤

6 of 10

Демонстрація інтерфейсу та функцій

Створення поста

◤

7 of 10

Демонстрація інтерфейсу та функцій

Створений пост, доданий коментар і поставлений лайк

◤

8 of 10

Демонстрація інтерфейсу та функцій

Один користувач підписується на іншого

◤

9 of 10

Демонстрація інтерфейсу та функцій

Змiна аватару та заднього фона

◤

10 of 10

Переваги розробки

  • Одним із ключових аспектів проекту було забезпечення безпеки та автентифікації. Використання JWT токенів та OAuth2 дозволило ефективно управляти доступом до ресурсів та забезпечити конфіденційність даних користувачів.
  • Організація компонентної структури додатку за допомогою React дозволила ефективно управляти станом додатку та забезпечити повторне використання компонентів, що сприяє легкості розширення та підтримки коду. Використання Redux або контексту React дозволило ефективно управляти станом додатку та підтримувати його синхронізованим.
  • Додатково, було забезпечено адаптивний дизайн та підтримка на різних пристроях, що дозволяє користувачам зручно переглядати блог незалежно від пристрою, на якому вони працюють. Використання CSS-фреймворків, таких як Bootstrap або Material-UI, допомогло створити зовнішній вигляд, який є привабливим та інтуїтивно зрозумілим для користувачів.

​

◤