Версия 1.1.0
В проекте реализован следующий функционал:
- Redirect с любой страницы, кроме страницы отображения пользователей соц.сети, в случае если посетитель сайта не авторизован.
- Авторизация реализована с помощью библиотеки Redux-form, выполнена валидация полей, и вывод ошибки авторизации в случае не верно указанных логина и пароля.
- На странице профиля можно изменить свой статус и аватар, опубликовать посты.
- На странице пользователей реализован постраничный вывод пользователей, можно подписываться и отписываться от пользователей, просматривать их профили. При просмотре профиля отображаются статус пользователя, если пользователь в поиске работы, отображаются его ключевые навыки, если пользователь указал хоть один котакт - отображается блок с контактами.
- На странице сообщений с помощью библиотеки Redux-form реализована отправка сообщений, пока не связанная с серверной логикой.
- Данные о друзьях пользователя пока зашиты в код проекта, и рендерятся из initialState.
Стек проекта: React, Redux, SPA, Flux, Axios, thunk, reselect, react-test-renderer, git, HTML, CSS, Bootstrap
Планы по доработке проекта:
- Реализовать редактирование своих контактов и состояния поиска работы
- Типизировать проект с помощью языка Typescript
- Доработать адаптивность проекта под маленькие разрешения экранов
- Реализовать поиск по пользователям
Для того, чтобы клонировать проект себе на компьютер, выполните в командной строке
git clone git@github.com:EvgeniyPanin/react-app.git
Сборка проекта работает на платформе NPM, поэтому для работы вам необходимо установить NodeJS
После скачивания проекта установите все необходимые пакеты командой
npm -i
Чтобы собрать версию проекта для разработки, выполните команду
npm run dev
При этом запустится локальный сервер и страница с проектом автоматически откроется в браузере, если автоматического запуска в браузере не произошло, вы можете самостоятельно открыть его по адресу
http://localhost:8080/
Для того чтобы получить локально готовую production версию проекта, необходимо выполнить команду
react-scripts build
После выполнения команды в корневой директории будет создана папка dist, в которую будет помещен собранный проект, который можно опубликовать на GitHub с помощью команды
gh-pages -d build
Предварительно необходимо вписать адрес репозитория, куда будет опубликован проект в ключе homepage файла package.json