Git Product home page Git Product logo

react-mesto-api-full-gha's Introduction

"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.

react-mesto-api-full-gha's People

Contributors

novikyaroslav avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.