polinaavdeeva / mesto-react

Фронтенд проекта Mesto на React.

Home Page:https://polinaavdeeva.github.io/mesto-react/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Educational purpose project "Mesto" on React from Yandex Practicum Web-developer course.

Description

Project Mesto is an interactive responsive page where users can share photos, delete and like them, change user information and avatar. Forms are validated on the client side. The purpose of the project is to train:

  • React
  • JSX
  • Declarative approach
  • Functional components
  • React hooks

Functionality

  • Edit user data
  • Update avatar
  • Add a new card
  • Put and remove likes (including like counter)
  • Modal window with an enlarged photo of the card
  • Delete a card created by the user with a confirmation modal window

Technologies

  • HTML
  • BEM
  • CSS
  • Flexbox
  • GRID
  • React JS
  • Webpack

Usage

Clone repository:

git clone git@github.com:polinaavdeeva/mesto-react.git

Install dependencies:

npm install

Run app:

npm run start

Figma design

About

Фронтенд проекта Mesto на React.

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


Languages

Language:JavaScript 52.5%Language:CSS 42.5%Language:HTML 5.0%