Тип работы:
Предмет:
Язык работы:


Разработка web-приложения социальной сети «Free Space»

Работа №188011

Тип работы

Дипломные работы, ВКР

Предмет

информатика

Объем работы55
Год сдачи2023
Стоимость4550 руб.
ПУБЛИКУЕТСЯ ВПЕРВЫЕ
Просмотрено
12
Не подходит работа?

Узнай цену на написание


Аннотация 2
Введение 3
1 Анализ и проектирование 4
1.1 Глоссарий 4
1.2 Функциональные требования 5
1.2 Нефункциональные требования 5
1.3 Формализация требований 6
1.4 Модель предметной области 8
1.5 Архитектурно значимые варианты использования 11
2 Выбор технологий 15
2.1 Reactjs 15
2.2 Node.js 17
2.3 MongoDB 18
2.4 Express.js 19
3 Разработка серверной части 20
3.1 Схема коллекций в MongoDB 20
3.2 Rest API 21
3.3 Обработка ошибок 23
3.4 Конечные точки RESTful API 24
3.5 Аутентификация JWT Bearer token для Express JS 29
3.6 Создание чата в реальном времени на Socket.io 33
4 Разработка клиентской части 35
4.1 Структура приложения 35
4.2 Создание базовых компонентов 36
4.3 Создание хука для обращения к базе данных 38
4.4 Создание маршрутов 40
4.5 Интерфейс приложения 43
Заключение 47
Список источников 48


Интернет стал площадкой для взаимодействия отдельных лиц, групп людей и компаний друг с другом посредством социальных сетей. Социальные сети действительно облегчили взаимодействие и даже другие бизнес-услуги через социальные сети, форумы, блоги и т. д. Социальные веб¬сайты в настоящее время используются в качестве инструментов/платформ для создания дискуссий, общения с людьми (в основном со схожими интересами) и в качестве источников информации.
Целью данной работы является разработка и реализация социальной сети на базе веб-приложения с использованием технологий MERN (MongoDB, Express, React, Node.js).
Для достижения поставленной цели необходимо:
1) проанализировать требования;
2) спроектировать архитектуру web-приложения;
3) разработать серверную часть приложения;
4) разработать клиентскую часть приложения.


Возникли сложности?

Нужна помощь преподавателя?

Помощь в написании работ!


В рамках данной работы было создано полноценное веб-приложение на стеке MERN, а также реализован функционал реального времени для чата с помощью Socket.io и Socket.io-client. В процессе разработки были использованы современные подходы и технологии, такие как React, Node.js, Express, MongoDB, JWT и Bcryptjs,... Были проведены исследования и анализ существующих решений, были выделены ключевые особенности и требования к функционалу социальной сети, а также спроектирована архитектура приложения.
В результате работы было создано полноценное веб-приложение социальной сети, которое позволяет пользователям регистрироваться, авторизовываться, создавать, просматривать, редактировать и удалять свои записи, а также просматривать и оставлять комментарии к постам других пользователей. Был реализован функционал реального времени для чата, что позволяет пользователям обмениваться сообщениями в режиме реального времени.
В ходе работы были получены ценные знания и опыт в области разработки веб-приложений на стеке MERN, а также в области разработки функционала реального времени с помощью Socket.io. Работа может быть использована как основа для дальнейшего развития социальной сети и добавления нового функционала.



1. Руководство по библиотеке Angular [Электронный ресурс]. URL: https://angular.io/
2. Руководство по фреймворку Vue [Электронный ресурс]. URL:
https: //ru.vuej s.org/
3. Руководство по библиотеке React [Электронный ресурс]. URL:
https: //reactj s. org/docs/getting-started.html
4. Что такое React [Электронный ресурс] // Библиотека программиста. - Режим доступа: https://academy.yandex.ru/journal/chto-takoe-react-i-kak- ego-osvoit
5. Руководство по Create React App [Электронный ресурс]. URL: https: //create-react-app .dev/
6. MongoDB [Электронный ресурс] — документо-ориентированная база
данных (NoSQL) - Режим доступа: https://web-
creator.ru/articles/mongo db
7. Что такое REST API и чем оно отличается от другого API?
[Электронный ресурс] - Режим доступа:
https://appmaster.io/ru/blog/chto-takoe-rest-api-i-chem-ono-otlichaetsya-ot- drugogo-api
8. Как работает Middleware в Express? [Электронный ресурс] - Режим доступа: https: //habr. com/ru/company/otus/blog/562914/
9. Библиотека Socket.IO: что это такое и как с ней работать [Электронный ресурс] - Режим доступа: https://ru.hexlet.io/blog/posts/biblioteka-socket- io-chto-eto-takoe-i-kak-s-ney-rabotat
10. Документация createContext [Электронный ресурс] - Режим доступа: https: //react.dev/reference/react/createContext
11. Документация React.Component [Электронный ресурс] - Режим доступа: https: //ru. reactj s. org/docs/react-component.html
12. Домашняя страница React router [Электронный ресурс] - Режим доступа: https: //reactrouter. com/en/main
13. Маршрутизация в React Router: как она работает и почему ее выбирают разработчики [Электронный ресурс] - Режим доступа: https: //ru.hexlet.io/blo g/posts/react-router-v6


Работу высылаем на протяжении 30 минут после оплаты.



Подобные работы


©2025 Cервис помощи студентам в выполнении работ