react-photolabs

The PhotoLabs project for the Web Development React course programming. Starter code was forked from LightHouse Labs.

Front-End Project Structure

.
├── public
├── src
│   ├── assets├── closesymbol.svg
│   │   │
│   │   ├── components
│   │   │   ├── FavBadge.jsx
│   │   │   ├── FavIcon.jsx
│   │   │   ├── HomeRoute.jsx
│   │   │   ├── PhotoDetailsModal.jsx
│   │   │   ├── PhotoFavButton.jsx
│   │   │   ├── PhotoList.jsx
│   │   │   ├── PhotoListItem.jsx
│   │   │   ├── TopicList.jsx
│   │   │   ├── TopicListItem.jsx
│   │   │   └── TopNavigationBar.jsx
│   │   ├── helper├── removeArrWithId.js
│   │   ├── hooks ├── useApplicationData.js
│   ├── styles
│   │   ├── FavBadge.scss
│   │   ├── HomeRoute.scss
│   │   ├── PhotoDetailsModal.scss
│   │   ├── PhotoFavButton.scss
│   │   ├── PhotoList.scss
│   │   ├── PhotoListItem.scss
│   │   ├── TopicList.scss
│   │   ├── TopicListItem.scss
│   │   └── TopNavigationBar.scss
│   ├── index.js
│   ├── index.css
│   ├── App.jsx
│   └── App.scss
├── .eslintrc.json
├── package.json
└──README.md

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