https://github.com/nougatcat/react-js-social-network
[2024 Frontend] Социальная сеть на React.js. Функционал: Просмотр и редактирование профилей, поиск профилей, подписка/отписка на профили, чат.
https://github.com/nougatcat/react-js-social-network
ant-design axios classnames css-modules formik javascript jest react-redux react-router-dom react18 redux redux-form redux-thunk reselect typescript
Last synced: 5 months ago
JSON representation
[2024 Frontend] Социальная сеть на React.js. Функционал: Просмотр и редактирование профилей, поиск профилей, подписка/отписка на профили, чат.
- Host: GitHub
- URL: https://github.com/nougatcat/react-js-social-network
- Owner: nougatcat
- Created: 2024-04-03T13:01:40.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-10-07T16:37:03.000Z (over 1 year ago)
- Last Synced: 2025-04-12T02:24:53.826Z (about 1 year ago)
- Topics: ant-design, axios, classnames, css-modules, formik, javascript, jest, react-redux, react-router-dom, react18, redux, redux-form, redux-thunk, reselect, typescript
- Language: TypeScript
- Homepage: https://nougatcat.github.io/react-js-social-network/
- Size: 2.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Социальная сеть на React
Это Single Page Application с использованием React, Redux, Axios и других библиотек, который я делал по урокам ["React JS - Путь самурая"](https://www.youtube.com/playlist?list=PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8).
Функционал: Просмотр и редактирование профилей, поиск профилей, подписка/отписка на профили, чат.
API, который я использовал: https://social-network.samuraijs.com/docs
### Проект опубликован на github pages!
https://nougatcat.github.io/react-js-social-network
### Важно!
1. Если выключены межсайтовые cookie, то не получится войти в аккаунт!
2. Версия без TypeScript сохранена в ветке no_typescript
Версия со всеми компонентами сохранена в ветке way-of-samurai
3. Тестовая учетная запись: Email: free@samuraijs.com, пароль: free
4. Если хотите клонировать репозиторий: redux-form может быть установлен только с помощью --force. Из-за этого при клонировании репозитория надо писать `npm install --force`. Это происходит из-за того, что redux-form официально не поддерживает React 18, но по факту всё работает. Чтобы не пришлось снова использовать --force, имеет смысл в новых проектах использовать Formik вместо redux-form.
### Запуск на http://localhost:3000 - `npm start`
### Запуск тестов - `npm test`
### Деплой - `npm run deploy`
Перед деплоем нужно добавить доменное имя в настройки аккаунта https://social-network.samuraijs.com/account и подождать некоторое время. API-ключ получается там же.
### Если не грузят профили
На gh-pages при загрузке профилей может быть "бесконечная загрузка" - это из-за кода 403, который выдает сервер при попытке получить данные профиля. На localhost такой проблемы нет. Так как сервер не мой, то решить эту проблему я не могу.