( в данный момент требует доработки со стороны api )

Социальная сеть LOCK NET

Начал создания проекта с целью изучения react, redux. Постепенно дорабатываю, рефакторю его. Написан проект на react с использованием TypeScript и множества сторонних библиотек для тех или иних функций.

Функционал проекта

• Меню

  • Кнопки навигации
  • Имя логина
  • Кнопка ВЫХОДА / ВХОДА в аккаунт

• Логинизация

  • Валидация
  • Кеширование пользователя
  • Вход / Выход

• Профиль

  Отображение профиля

  • Аватар
  • Имя пользователя
  • Поиск работы ( ИЩУ / НЕ ИЩУ )
  • Опыт работы
  • О себе
  • Соц сеты ( Instagram, VK, Youtube ... )

  Отображение друзей с возможным переход на аккаунт друга

• Чат

  Поиск пользователей для переписки

  Список пользователей, с которыми было общение

  Отображение имени пользователя, аватара и даты последнего вхождения в Соц.Сеть

  Переписка

  • Отображение имени пользователя
  • Сообщения (С возможностью удаления и отображения того, просмотрел ли пользователь сообщение)
  • Поле для ввода сообщения и кнопкой для его отправки

• Пользователи

  Поле для нахождения нужного пользователя

  Список пользователей

  • Аватарка
  • Имя пользователя
  • Кнопка ОТПИСКИ / ПОДПИСКИ

  Пагинатор ( Постраничный вывод пользователей )

• Настройки

  Возможность изменять профиль:

  • Аватар
  • Имя пользователя
  • Поиск работы ( ИЩУ / НЕ ИЩУ )
  • Опыт работы
  • О себе
  • Соц сеты ( Instagram, VK, Youtube ... )

Использует библиотеки node.js, такие как:

  "dependencies": {
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "@types/classnames": "^2.3.1",
    "@types/redux-form": "^8.3.5",
    "axios": "^1.2.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-redux": "^8.0.5",
    "react-router-dom": "^6.4.3",
    "react-scripts": "5.0.1",
    "redux": "^4.2.0",
    "redux-form": "^8.3.9",
    "redux-thunk": "^2.4.2",
    "reselect": "^4.1.7",
    "sass": "^1.55.0",
    "web-vitals": "^2.1.4"
  }

И зависимости, нужные для тестирования приложения и публикации его на GitHub:

  "devDependencies": {
    "gh-pages": "^5.0.0",
    "react-test-renderer": "^18.2.0"
  }

Как запустить проект

npm i

Скачать все зависимости

npm start

Запустить проект локально, на 3000 порту

npm run deploy

Разворачивает проект на github-pages