|
1 |
| -<!-- |
2 |
| -[](../../actions/workflows/tests.yml) |
| 1 | +# Фотосоцсетка |
3 | 2 |
|
4 |
| ---> |
5 |
| -# Проект Место - Соцсеть для фоток |
| 3 | +Соцсеть чтобы делиться фотками, лайкать их и меряться лайками. |
| 4 | +Учебный проект. Цель - закрепить навыки создания приложений на React и Express |
6 | 5 |
|
7 |
| -### Описание проекта |
| 6 | + |
8 | 7 |
|
9 |
| -Учебный проект для отработки навыков программирования фронта и бэка на javascript и чуток html и css. |
| 8 | +[Макет](https://www.figma.com/file/2cn9N9jSkmxD84oJik7xL7/JavaScript.-Sprint-4?node-id=0%3A1) в Figma |
10 | 9 |
|
11 |
| -### Технологии |
| 10 | +## Содержание |
| 11 | +- Функции |
| 12 | +- Что сделано |
| 13 | +- Планы по доработке |
| 14 | +- Стэк технологий |
| 15 | +- Установка |
12 | 16 |
|
13 |
| -- html, css, js по БЭМ |
14 |
| -- frontend на React (webpack) |
| 17 | +## Функции |
| 18 | +- Регистрация и авторизация пользователей; |
| 19 | +- Просмотр ленты фоток со счетчиком лайков, добавление фоток, простановка и снятие своих лайков; |
| 20 | +- Редактирование никнейма и информации о себе. |
| 21 | + |
| 22 | +## Что сделано |
| 23 | +- Настроена инфраструктура и создан сервер на express; |
| 24 | +- Подключена база данных, созданы схемы и модели ресурсов API; |
| 25 | +- Реализовано логирование, аутентификация и авторизация на сервере; |
| 26 | +- Бэкенд задеплоен на Яндекс Облако; |
| 27 | +- Свёрстаны компоненты на React, разметка портирована в его формат; |
| 28 | +- Описана логика и вёрстка страниц регистрации, логина, редактирования профиля; |
| 29 | +- Реализованы асинхронные GET- и POST-запросы к API; |
| 30 | +- Проработаны авторизованные и неавторизованные состояния, простановка лайков. |
| 31 | + |
| 32 | +## Планы по доработке |
| 33 | +- Добавление интернационализации с помощью i18next; |
| 34 | +- Перевод на TypeScript для повышения надежности; |
| 35 | +- Перевод проекта на Redux и SCSS для упрощения поддержки и расширения; |
| 36 | +- Добавление функции смены e-mail; |
| 37 | +- Добавление функции смены и восстановления пароля. |
| 38 | + |
| 39 | +## Стэк технологий |
| 40 | +- HTML, CSS, js, БЭМ, Grid и Flexbox |
| 41 | +- frontend на React (webpack через CRA), React hooks |
15 | 42 | - ООП, модульный подход, асинхронность
|
16 | 43 | - роутинг, авторизация
|
17 | 44 | - backend на Node.js и Express JS, деплой на Ubuntu в Яндекс.Облаке
|
18 | 45 | - хехирование паролей, авторизация на токенах, сбор логов
|
19 | 46 |
|
20 |
| -[Макет в Figma](https://www.figma.com/file/2cn9N9jSkmxD84oJik7xL7/JavaScript.-Sprint-4?node-id=0%3A1) |
| 47 | +## Установка |
| 48 | +- Склонируйте репозиторий `git@github.com:SergeyKardashev/photo.git` |
| 49 | +- Установите зависимости `npm install` |
| 50 | +- Запустите сервер `npm run start` |
| 51 | + |
| 52 | +## Результаты |
| 53 | +Закрепил навыки создания приложений на React, Express с MongoDB |
21 | 54 |
|
| 55 | +## Системные требования |
| 56 | +Node.js версии 18.16.0 |
0 commit comments