shopper-review

A Web App for the users experience for the shopping Malls in Bahrain where users can lookup at the malls and shops directories and add their reviews on different stores.

Demo

App demo on Render: https://shopper-review-app.onrender.com/

Tasks and features management

Trello link: https://trello.com/b/Z4JzTQMq/main-project

How to use

As an admin you can do the following:

• create / edit / update new malls and shops.
• view all reviews posted by the users.
• delete review of shops.
• upload a single thumbnail image and multiple images of malls and shops.
• update and delete multiple images of malls and shops.

As a user you are able to:

• login using your google account for now.
• change your profile avatar.
• add review and rate a shop.

Entity Relationship Diagram

Technology used

• nodejs and expressjs to run the server and api
• ejs engine for front end
• google authentication to create users and login authentications
• multer to upload images to the server
• cloudinary to upload images from the server to to the cloud

How to run

• Setup .env file using the following template:

PORT = 
connectionString = 
APP_CLIENT_ID=
GOOGLE_SECRET=
GOOGLE_CALLBACK=
SECRET=
CLOUDINARY_URL=

connectionString is your mongo db connection string obtained from mongo atlas.

APP_CLIENT_ID GOOGLE_SECRET and GOOGLE_CALLBACK are obtained from google cloud console.

CLOUDINARY_URL is the API key used to upload images to cloudinary.

• Run npm i to install required dependencies.

• Create a folder in path public/ name it uploads, this is used by multer to upload images.

Wireframes

Home page

Malls directory page

Store directory page

Mall details

Shop details

Add mall page

Add shop page