https://github.com/nougatcat/react-js-social-network

[2024, WIP 119/123] Создание социальной сети на React по курсам "Путь самурая" и "Путь самурая 2.0"
https://github.com/nougatcat/react-js-social-network

axios classnames css-modules formik javascript jest react react-redux react-router-dom redux redux-form redux-thunk reselect typescript

Last synced: 3 days ago
JSON representation

[2024, WIP 119/123] Создание социальной сети на React по курсам "Путь самурая" и "Путь самурая 2.0"

• Host: GitHub
• URL: https://github.com/nougatcat/react-js-social-network
• Owner: nougatcat
• Created: 2024-04-03T13:01:40.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-09-21T03:40:40.000Z (12 days ago)
• Last Synced: 2024-09-25T16:03:29.305Z (8 days ago)
• Topics: axios, classnames, css-modules, formik, javascript, jest, react, react-redux, react-router-dom, redux, redux-form, redux-thunk, reselect, typescript
• Language: TypeScript
• Homepage:
• Size: 376 KB
• 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: [email protected], пароль: 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-ключ получается там же.