knnku / photolabs

Using react to develop an SPA called photoLabs with props, hooks & components.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

"PhotoLabs"

PhotoLabs is a project to build a simple single-paged fullstack app with the use of Node, Express, React and Postgres.

The backend express server serves as a dabatase to make API calls to while the front end is composed of react components to render data, hooks to set state and manage/fetch data and props to pass data around the application.

Tools used:

Previews

"Landing" "Photo list" "Modal" "Modal Photos"

Setup

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

Dependencies

  • Node 16.x or above
  • Postgres 5.x
  • React 18.x
  • Express JS

[Frontend] Running Webpack Development Server

cd frontend
npm start

[Backend] Running Backend Servier

Read backend/readme for further setup details.

cd backend
npm start

About

Using react to develop an SPA called photoLabs with props, hooks & components.


Languages

Language:JavaScript 83.3%Language:SCSS 12.8%Language:HTML 2.7%Language:CSS 1.2%