glowiep/photolabs

PhotoLabs is a simple stock photo application - specifically a React-based single-page application (SPA) that allows users to view photos in different contexts.

Photolabs 🌇 🌉 🌄

This is a PhotoLabs project for the Web Development React course programming.

PhotoLabs is a React-based single-page application (SPA) that allows users to view photos in different contexts. A pre-existing API is utilized to build a frontend user experience for users to interact with photos.

✅ Features

• A user can view photos from the homepage loaded from the API.
• The user can navigate to different photo categories, also called topics.
• The user can like a photo from anywhere within the application where the photo is displayed.
• The user can click on a photo to view a larger version of the photo and relevant / similar photos.

🏆 Goals

To build a client-side application using the React view-layer library.

📌 Back-end server setup:

• The data layer consists of PostgreSQL database.
• The API server consists of a Node Express.js server application.
• The server/persistence layer may require modifications for stretch goals.

✨ Getting Started

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

[Frontend] Running Webpack Development Server

cd frontend
npm start

[Backend] Running Backend Server

Read backend/readme for further setup details.

cd backend
npm start

🔧 Technical Specifications with API References

• React
• Create React App
• Webpack
• Babel
• Express