Skip to content

tusharhchhabra/Photolabs

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

75 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Photolabs: A React-based Photo Browsing App

Welcome to Photolabs! This website was made as part of my Full Stack Web Development bootcamp at Lighthouse Labs.

Photolabs is a minimalist photography website where you can see photos shared by photographers. The website loads all photos at first, and from there you can drill down by category.

"Screenshot of Photolabs - Desktop View"

Overview

PhotoLabs allows users to:

  • View photos fetched from an API.
  • Navigate through photos from various topics.
  • Get a closer look at any photo and explore similar ones.
  • Like their favorite photos.
  • Get notified of the photos they've liked.

Getting Started

  1. Clone this repository onto your local device.
  2. Install dependencies with npm install in each respective /frontend and /backend directory.
  3. Follow directions in /backend directory README before continuing.
  4. Run the following commands to start the frontend and backend server
cd frontend
npm start

Dependencies

Frontend

  • @testing-library/jest-dom
  • @testing-library/react
  • @testing-library/user-event
  • react
  • react-dom
  • react-router-dom
  • react-scripts
  • web-vitals

Backend

  • body-parser
  • cors
  • dotenv
  • express
  • helmet
  • pg
  • socket.io
  • ws

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 80.6%
  • SCSS 15.6%
  • HTML 2.7%
  • CSS 1.1%