/react-mesto-api-full-gha

:people_holding_hands: Social network Mesto on React

Primary LanguageJavaScript

"Mesto"

Repository for applications of the Mesto project, implements the front-end and back-end parts of applications that includes: authorization and registration of users, operations with cards and users.

Frontend https://mesto.novik.nomoredomains.work

Backend https://api.mesto.novik.nomoredomains.work

One-page social network with your personal area.

The site allows you to create your personal page.Share photos.And allows the other user to evaluate your photographs. The site consists of 3 main sections:

  1. Header
  2. Sections with the user data and the ability to edit the page.
  3. Sections with the main content loaded by the user.
  4. Footer The site is adapted for use with Screen Reader. The site is partially adapted for devices with different screen resolution.

Used technologies:

CSS/REACT/NODE.JS

  1. Flexbox
  2. Grid
  3. Positioning of elements
  4. Media requests.
  5. Validation of forms
  6. Work with API
  7. Registration, Authentication, Identification (JWT Token)
  8. React (useContext, useState, useEffect, useRef, useCallback)
  9. ReactRouter v.6.4.0
  10. Express
  11. MongoBD/Mongoose
  12. Express rate limit
  13. Helmet
  14. Celebrate
  15. ErrorLogger

_What should be finished _:

  1. Adapt for devices with different screen resolution: registration page/entrance page/Header.

"Mesto"

Репозиторий для приложения проекта Mesto, включающий фронтенд и бэкенд части приложения со следующими возможностями: авторизации и регистрации пользователей, операции с карточками и пользователями.

Frontend https://mesto.novik.nomoredomains.work

Backend https://api.mesto.novik.nomoredomains.work

Одностраничная социальная сеть с Вашей личной страницей.

Сайт позволяет создать свою личную страницу. Поделиться фотографиями. И позволяет другим пользователем оценивать ваши фотокарточки. Сайт состоит из 3х главных секций:

  1. Заголовка
  2. Секции с данными о пользователе и возможностью редактировать страницу.
  3. Секции с основным содержанием, загруженным пользователем.
  4. Подвала Сайт адаптирован для использования с screen reader. Сайт частично адаптирован для устройств с разным разрешением экрана.

Использованные технологии:

  1. Flexbox
  2. Grid
  3. Позиционирование элементов
  4. Media запросы.
  5. Валидация форм
  6. Работа с API
  7. Регистрация, Аутентификация, Идентификация (JWT Токен)
  8. React (useContext, useState, useEffect, useRef, useCallback)
  9. ReactRouter v.6.4.0
  10. Express
  11. MongoBD/Mongoose
  12. Express rate limit
  13. Helmet
  14. Celebrate
  15. ErrorLogger

Что следует доделать:

  1. Адаптировать для устройств с разным разрешением экрана: страницу регистрации/страницу входа/header.