react-photolabs

Welcome to photolabs.

Project Description

The PhotoLabs project for the Web Development React course programming.

Getting started

1. [Clone] () the repositorio onto your local devide.
2. Install dependencies with npm install in each respective /frontend and /backend.
3. The app will be served at http://localhost:3000/ for the front end and http://localhost:8001/ in your browser.

Usage

1. First go to http://localhost:3000/.
2. You will see a list of pictures.
3. You can click on each picture to see a larger picture of it and a list of similar pictures.
4. You can add favorire pictures by clicking the heart of the picture.
5. You can click on the topics on the nav bar to see the pictures that are classified under each one.
6. Enjoy!

Dependencies

- @testing-library/jest-dom: "^5.16.5",
- @testing-library/react: "^13.4.0",
- @testing-library/user-event: "^13.5.0",
- axios: "^1.7.2",
- react: "^18.2.0",
- react-dom: "^18.2.0",
- react-scripts: "5.0.1",
- web-vitals: "^2.1.4"

Screenshots

• Photolabs

• Modal

• Topics

[Frontend] Running Webpack Development Server

cd frontend
npm start

[Backend] Running Backend Servier

Read backend/readme for further setup details.

cd backend
npm start