In this project, the goal is to implement a custom layout for displaying images.
This is a photo gallery project for downloading and uploading photos on a small scale.
- My project is written on the basis of NextJs , CSS in js (Styled-components) , Javascript , Docker and mongoDB.
- JWT are used for authenticating users in the server-side. in the client-side tokens are stored in Cookies and Redux.
- Validation is done as a middlewares.
A fixed array is used to display the photos. By hover the photos, you can save the photos or view the saved photos. View information and download photo by clicking on the photo. Using animation to display photo information in the form of flipping paper.
pages:
- main page
- login page
- register page
- gallery page (Show searched photos)
- show all topic page
- Saved photos page
- On the Saved Photos page, you can delete saved photos, view photo information, and download photos.
- profile page
- On the profile page you can view and change your personal information.
- Upload your photos to put in the gallery.
- View saved photos and their information, download or delete theme.
- View, download, edit or delete your uploaded photos.