/photolabs

lhl bootcamp project

Primary LanguageJavaScript

Photolabs

A project built during the Lighthouse Labs Web Development Flex Course to teach students about React.

Clicking on a photo will bring up a modal showing a larger version of the image alongside other similar images.

Clicking on a topic will filter and display phoros relating to that topic.

Users can favorite photos by clicking the heart button that's added to them. Doing so will update the heart in the navbar to show a small notification icon.

Screenshots

the homepage showing 5 categories on the navbar at the top, and 9 photos underneath the homepage with the photo modal open in front of it, showing a photo of a leopard, the uploader's name, image, and location, and listing two photos underneath.

Setup

Install dependencies with npm install in each respective /frontend and /backend.

[Frontend] Running Webpack Development Server

cd frontend
npm start

[Backend] Running Backend Servier

Read backend/readme for further setup details.

cd backend
npm start