Photosphere frontend

This is the frontend for the Photosphere application. Built on React and bundled with Parcel.

This code accompanies chapter 3 of the book Rapid Fullstack Development.

Follow the author on Twitter for updates.

Pre-reqs

You need Node.js installed to run this code.

To run this frontend you must first run the backend available here: https://github.com/Rapid-Fullstack-Development/photosphere-monolithic-backend

Setup

Clone this repo, change into the directory and install dependencies:

npm install

Run the Parcel dev server

Run the dev server like this:

npm start

Then click the link or point your browser at the default location for Parcel: http://localhost:1234.

Build the static web page

Build the project to a static web page like this:

npm run build

The static web page is output to the dist subdirectory.

Test the static web page

After building the static web page, you can test it locally using live-server.

First install live-server globally:

npm install -g live-server

Now change into the directory where the static web page is generated:

cd dist

From here, start live-server:

live-server

The web page should automatically be displayed in your browser.