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

Локальная сборка проекта возомжна. Для этого требуется выполнить следующие действия.

1. Создать на жестком диске корневую папку проекта (например, dev) и перейти в нее.

Для этого последовательно выполнить две команды в Терминале (Консоли):

mkdir dev
cd dev

2. Запустить клиентскую часть проекта

2.1. Клонировать Github-репозиторий с клиентской частью проекта в корневую папку:

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

2.2. Перейти в папку с депозиторием:

cd dev/movies-explorer-frontend

2.3. Установить зависимости в папке с репозиторием

npm install

2.3. Запустить клиентскую часть проекта в браузере (порт 3000)

npm run start

Если основной браузер, который по умолчанию установлен в вашей операционной системе, не откроется автоматически, запустите его вручную и введире адрес: http://localhost:3000.

В случае успеха вы увидите главную страницу веб-приложения. Как показано на рисунке 1.

Рисунок 1. Главная страница веб-приложения (порт 3000)

3. Запустить серверную часть проекта

Без подключения серверной части веб-приложения, вы не сможете зарегистрироваться в нем и войти в личный кабинет.

3.1. Перейти в корневую папку проекта:

cd ..

3.2. Клонировать Github-репозиторий с серверной частью проекта в корневую папку:

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

3.3. Перейти в папку с депозиторием:

cd dev/movies-explorer-api

3.4. Установить зависимости в папке с репозиторием

npm install

3.5. Запустить серверную часть проекта в браузере (порт 3001)

npm run dev

В случае успеха Терминал (Консоль) отобразит сообщение:

$ movies-explorer-api % npm run start
 
> movies-explorer-api@1.0.0 start
> node app.js
 
Приложение слушает порт: 3001
БД успешно подключена

Если основной браузер, который по умолчанию установлен в вашей операционной системе, не откроется автоматически, запустите его вручную и введире адрес: http://localhost:3001.

В случае успеха серверная часть веб-приложения, запущенная по адресу: http://localhost:3001 выдаст сообщение: {"message":"Требуется авторизоваться"}. Как показано на рисунке 2.

Рисунок 2. Серверное сообщение (порт: 3001)