Skip to content

LedyBacer/mesto-project-bootcamp

Repository files navigation

An educational single-page, adaptive website with the ability to add photos with descriptions, delete them, like them, and edit profiles. The site connects to a backend. There are also pop-ups with form validation. Made with HTML, CSS, and vanilla JS using NESTED BEM and Webpack.


Figma

Development

Prerequisites

Before starting, make sure you have the following tools installed:

  • git (for cloning the repository)
  • Node.js (to run the project)

Installation

  1. Clone the repository:
git clone https://github.com/LedyBacer/mesto-project-bootcamp.git
  1. Go to the project folder::
cd mesto-project-bootcamp
  1. Install dependencies::
npm install
  1. Run the project:
npm start

After completing these steps, your project will be available at http://localhost:3000/ in your web browser.

Deployment

To deploy the project on a server, follow these steps:

  1. Build the project for production:
npm run build

This will create a build folder with files optimized for production.