Skip to content
/ gallery Public

Photo gallery with subdirectories (React and Firebase).

Notifications You must be signed in to change notification settings

anmk/gallery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gallery

This project uses React and has been bootstrapped by Create React App.

version GitHub repo size

The application is available at the following addresses:

Introduction

The application allows you to create multiple photo galleries.

Development server

Run npm start for a dev server. Navigate to http://localhost:3000/.

Learn More

You can learn more in the Create React App documentation. To learn React, check out the React documentation.

Tech

Gallery uses the following open source projects for proper operation:

Some screenshots of the application

📱 Mobile devices:

The most important views on your smartphone.

The description of the views is below in the desktop version. mobile01


mobile02


mobile03


💻 Desktop:

Different views from the desktop.
👉 View of the "Galleries" tab. 👇 desktop01


👉 View of creating a new user account. 👇 desktop02-03


👉 On the left: View after logging in, now you can see hidden folders in addition to the shared ones. On the right: Folder adding window. 👇 desktop04-05


👉 Adding a new folder. 👇 desktop06-07


👉 Adding a new folder - continued. 👇 desktop08-09


👉 View of the created non-shared folder "Trips". 👇 desktop10-11


👉 Adding a new folder. 👇 desktop12-13


👉 Adding a new folder - continued. 👇 desktop14-15


👉 Adding another photo. 👇 desktop16-17


👉 Left: Adding another photo. Right: Failed to delete a non-empty folder. 👇 desktop18-19


👉 Below you can see if the folder and photos are shared - on Sarah's profile. 👇 desktop20-21


👉 Below, deletion of photos, and then of the folder - available only after logging in. 👇 desktop22-23


👉 Deleted Trips folder and logging out. 👇 desktop24-25


👉 View folders and photos after logging out. 👇 desktop26-27


👉 On the left: Photo view. On the right: Other folders hidden for another user. 👇 desktop28-29


👉 View of Oliver's photos. 👇 desktop30-31