MoGallery

A MERN stack photo gallery web app that allows the admin to post/delete photos and users to view and interact with these photos.

Run Locally

Clone the project

  git clone https://github.com/muhammedheshamm/MoGallery.git

Go to the project directory

  cd MoGallery

Install dependencies on both the Server and the mogallery (frontend) folders

  npm install

Start the server and react app

  npm start

Usage

Admin

• To log in as an admin, Click login and enter 'admin' as username and 'admin' as password (case-senstive).
• After logging in, the admin can add new post or delete an existing post.

User

• to log in as a user, you must register first with username and password (if you don't have an account) then log in.
• after logging in, the user can like and save posts and view saved posts by clicking the SAVED button.

Features

• User Register and Login.
• JWT Authentication.
• Fully responsive
• Masonry layout for images
• Liking and saving posts per User
• Creating and deleting posts as admin

Tech Stack

Client: React, React-router, Axios, Masonry

Server: Node, Express, Mongoose, Multer, JWT, bcrypt

Screenshots

Feedback

If you have any feedback, please reach out to me at [email protected]