Gallery

Real-time image gallery based on socket.io with CSS Grid, flexbox and jQuery.

Responsive image gallery that can load images from server, divide them into the subpages and serve fully-functional pagination menu. All that in real-time!

Languages and libraries

-HTML  
-CSS  
-JavaScript  
-jQuery  
-Socket.io

Dependencies

    "chokidar": "^2.0.4",
    "express": "^4.16.3",
    "file-system": "^2.2.2",
    "jquery": "^3.3.1",
    "socket.io": "^2.1.1"

Getting Started

These instructions will get you a copy of the project up and running on your local machine.

Dependencies installation

Open cmd in the project directory and type:

npm install

Running

Open cmd in the project directory and type:

node index.js

How to use

1. Run application.
2. Open browser and go to the http://localhost:3000/
3. Go to the ./public/assets/images/gallery directory.
4. Try to manipulate files.

Gallery should display your changes in real time.

License

This project is licensed under the MIT License