Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alexhiriavenko/social-network
React app with server and database. Backend is written in Java. Social network with all the necessary functionality. Created according to the Facebook template. !_Final Project. Frontend Course _!
https://github.com/alexhiriavenko/social-network
fecth-api mui react react-router-dom redux-toolkit vercel-deployment websocket
Last synced: 7 days ago
JSON representation
React app with server and database. Backend is written in Java. Social network with all the necessary functionality. Created according to the Facebook template. !_Final Project. Frontend Course _!
- Host: GitHub
- URL: https://github.com/alexhiriavenko/social-network
- Owner: AlexHiriavenko
- Created: 2023-06-17T07:33:58.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-19T20:13:32.000Z (about 1 year ago)
- Last Synced: 2024-11-09T05:14:13.603Z (2 months ago)
- Topics: fecth-api, mui, react, react-router-dom, redux-toolkit, vercel-deployment, websocket
- Language: JavaScript
- Homepage: https://fs-social-network.netlify.app/
- Size: 1.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# social-network
## Тема проекту:
Соціальна мережа за шаблоном Facebook
## Опис проекту:
Додаток, аналогічний Facebook, що має основний функціонал соціальної мережі.
## Посилання на git-репозиторій проекту:
- frontend: https://github.com/AlexHiriavenko/social-network
- backend: https://github.com/TetianaPysariuha/social-network-backend
## Посилання на задеплоїний сайт:
https://fs-social-network.netlify.app/
## Ознайомитись з проектом:
- email: [email protected]
- password: a
## Проект був реалізований за період:
• Старт проекту: 14.06.2023
• Закінчення проекту: 22.09.2023
• Період: 3 місяці і 7 днів
• Проект підтримується, періодично вносяться доопрацювання та новий функціонал
## Технології:
#### Frontend:
- React (formic, yup, router-dom, etc)
- Redux (ReduxToolkit)
- MaterialUI (Theme, StyledComponents)
- WebSocket
#### Back-end:
- Java 17
- Spring Boot
- Hibernate
- Spring Security, jwt, OAuth2.0
- Web-Socket
- Cloudinary
- RabbitMQ
- Flyway DB
- PostgreSQL
#### Додаткові інструменти:
- CD/CI
- Реляційна БД H2
- Swagger
- Postman
- Vite
- Netlify
- Vercel
## Розробники проекту:
#### Frontend:
##### Віктор Остапенко
- Сторінка profile і всі його компоненти
- Компонент редагування profile
- Компонент створення поста
- Слайдер для перегляду зображень
- Головна сторінка частина з постами.
##### Олексій Гірявенко [](https://t.me/AlexHiriavenko)
- Створення і налаштування проекту під React
- Конфігурація роутінга
- Головна сторінка - основна розмітка та SideBar
- Компонент Header
- Чати: сторінка чатів та popup з чатами.
- Display Mode: темна і світла теми
- Деплой проекту на Versel та Netlify
#### Backend:
##### Олександр Колесник
- Створення Entities, Services, Controllers, DTO, Repositories для чатів
- Конфігурація і підключення Cloudinary
- Конфігурація міграцій на Flyway
- Конфігурація і підключення RabbitMQ
- Конфігурація websocket channales для повідомлень
- Створення збірки проекту на Докері
##### Роман Литвиненко
- Конфігурація профайлів для Spring
- Конфігурація Swagger UI
- Конфігурація і підключення RabbitMQ
#### FullStack:
##### Валерія Вітвицька
- Створення Entities, Services, Controllers, DTO, Repositories для користувачів
- Реалізація аудиту на стороні сервера
- Конфігурація Spring Security з JWT
- Підключення аутентифікації до сторінки логіна та реєстрації
- Конфігурація AUTH2.0 авторизації
- Створення endpoints для реєстрації з відправленням email повідомлень з кодом активації
- Створення instance для axios запитів
- Реалізація пошуку користувачів на головній сторінці
- Реалізація загрузки та збереження зображень для сторінки profile
- Реалізація коментарів для фото в альбомі на сторінці profile
- Реалізація Notification на сервері
##### Максим Галушка
- Створення Entities, Services, Controllers, DTO, Repositories для постів
- Реалізація tweet дій: вподобайки, репости, коментарі на фронті
- Реалізація Notification на фронті
- Підключення створення поста до серверу
##### Тетяна Писарюга
- Створення і налаштування проекту для серверної частини
- Реалізація Entities, Services, Controllers, DTO, Repositories для друзів
- Реалізація сторінок для друзів і підключення їх до серверу: домашня сторінка, запити на дружбу, пропозиції для дружби, наявні друзі, дні народження.
- Підключення websocket та підписок на фронті.
#### Ментор:
##### Vadym Tartakovskyi
- допомога з організацї процесу розробки (формування задач, проведення Stand-up зустрічей)
- консультування в складних питаннях.
📫 Contacts
#### 📨 [email protected]
#### [](https://www.linkedin.com/in/oleksii-hiriavenko//) [](https://t.me/Alleexxeeyy)