Быстрый старт

Предварительно убедитесь, что у вас установлены Git и Node.js

При ручном запуске браузера используйте порт 3000 для фронтенда, 3001 для бэкенда

Все команды выполняйте в терминале (консоли) вашей операционной системы

Локальная разработка требует создания специальной структуры проекта на вашем компьютере. Следуйте пошаговой инструкции для успешного развертывания.

Шаг 1. Создание рабочей директории

Создайте корневую папку для проекта (например: dev)
Перейдите в созданную директорию

Команды для выполнения:


mkdir dev
cd dev

Шаг 2. Развертывание клиентской части приложения

Клиентская часть отвечает за пользовательский интерфейс приложения.

2.1. Клонируйте репозиторий с фронтендом

dev


git clone https://github.com/pnrf/movies-explorer-frontend.git

2.2. Перейдите в директорию проекта

dev


cd movies-explorer-frontend

2.3. Установите необходимые зависимости

dev/movies-explorer-frontend


npm install

2.4. Запустите приложение (порт 3000)

dev/movies-explorer-frontend


npm run start

После успешного запуска откройте браузер по адресу http://localhost:3000. Должна отобразиться главная страница приложения.

Шаг 3. Развертывание серверной части приложения

Серверная часть обеспечивает работу с данными и аутентификацией.

3.1. Вернитесь в корневую директорию

dev/movies-explorer-frontend


cd ..

3.2. Клонируйте репозиторий с бэкендом

dev


git clone https://github.com/pnrf/movies-explorer-api.git

3.3. Перейдите в директорию серверного проекта

dev


cd movies-explorer-api

3.4. Установите зависимости

dev/movies-explorer-api


npm install

3.5. Запустите сервер (порт 3001)

dev/movies-explorer-api


npm run dev

При успешном запуске в консоли появятся сообщения:


> movies-explorer-api@1.0.0 start
> node app.js

Приложение слушает порт: 3001
БД успешно подключена

Проверьте работу сервера, открыв в браузере адрес http://localhost:3001. На веб-странице должно отобразиться сообщение:


{"message":"Требуется авторизоваться"}