Photolabs - React

The Full-stack SPA project with following technincal specifications:

• REACT
  • Hooks ( useState, useReducer, useEffect )
• Express
• Babel
• Axios

SETUP

Clone this repository on your system and install dependencies with 'npm install' in each respective /frontend and /backend

Features

1. A user can view photos from the homepage loaded from the API.
2. The user can navigate to different photo categories, also called topics.
3. The user can click on a photo to view a larger version of the photo and relevant / similar photos.
4. The user can like a photo from anywhere within the application where the photo is displayed.
5. The user can view a heart icon with a notification in the navigation if there are liked photos.
6. The navigation will consist of different topics and heart icon.
7. The client-side application will make API requests to load and persist data (i.e. relevant data is not lost after a session restarts, so after a browser refresh).

Frontend Running Webpack Development Server

cd frontend
npm start

Backend Running Backend Servier

Read backend/readme for further setup details.

cd backend
npm start

Homepage

For better reference, see more photos