Skip to content

l55x0/mesto-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mesto React

Проект в процессе разработки...

О приложении

Это интерактивная страница, где люди делятся фотографиями их любимых мест. А также оценивают фотографии других пользователей.

Демо (GitHub Pages)

https://lod55.github.io/mesto-react/

В работе использовались:

  • Проект запущен на Create React App (CRA)
  • git
  • HTML
  • CSS (сверстана мобильная версия)
  • JS (Api fetch)
  • React JS
  • JSX
  • React Hooks (useState, useEffect, useCallback)
  • React Context (createContext, useContext)
  • React Router (useLocation, Route, Switch, Redirect, useHistory)

Возможности веб-приложения:

  • редактировать профиль юзера (аватар, имя, об авторе)
  • добавлять карточки
  • удалять карточки юзера
  • ставить лайки
  • открывать фотографии на весь экран
  • валидация всех форм
  • регистрация
  • авторизация
  • выход из приложения

Установка

Для начала работы вам необходим:

  • NodeJS & npm - среда выполенния кода JavaScript вне браузера. Позволяет писать серверныфй код для динамических веб-страниц и веб-приложений.
  • Git Bash если вы используете Windows OS.

Скопируйте проект на компьютер:

git clone https://github.com/Lod55/mesto-react.git

Установите зависимости:

npm install

Работа

Для локальной разработки с поднятием сервера используйте:

npm start

Для сборки версии в продакшен:

npm run build