Advisr Project

Live

Go to the following url to use the application:

https://advisr-project.herokuapp.com/#/

Overview

This project displays information about certain businesses. The following information is displayed for each business: the name, category, number of campaigns, average campaign budget, sales velocity, and a Google Maps window of the business location. The main objective of this project was to use Express.js to return a JSON file with business data and then display it using Vue.js.

Features

• View all businesses in a table
• Search and sort through all the different fields in the business data
• Display a detailed page with all related business information including an interactive Google Map window
• Calculate sales velocity for each business

Technologies

Front-end

• Vue.js 3.0
• Vue Router
• PrimeVue
• vue-google-maps

Backend

• Express.js

Screenshots

Home Screen

Business Page

Express.js Backend

Initial Setup

Clone This Repository

If you have git installed, type the following into your terminal:

git clone https://github.com/amishpr/advisr-applicant-project

Else, download the zip file and unpack by clicking the green "Clone and download" button on the top right of the screen.

Starting Vue.js Client

1. Open client folder

   Type the following into your terminal:

cd ./advisr-applicant-project/client

2. Install npm modules

npm install

3. Start client

npm serve

4. Open the following url:

http://localhost:8080/

Starting Express.js Server

1. Open client folder

   Type the following into your terminal:

cd ./advisr-applicant-project/server

2. Install npm modules

npm install

3. Start server

npm start

4. Open the following url to view all business data:

http://localhost:3000/business/all

5. To view a specific business id pass in its id:

http://localhost:3000/business/1