almoggutin / konimbo-electronics-store-client-vue-js

KonimBo Electronics store assignment, client-side application that is built with Vue library in JavaScript.

KonimBo Electronics Store Assignment Client Vue JavaScript

This client-side application is part of the KonimBo Electronics Store assingment built with Vue and JavaScript.

Table of Contents

1. About The Application
   • Built With
2. How To Install
3. Available Scripts

About The Application

This client-side application is part of the KonimBo Electronics Store assingment.

It is built with the Vue library to build a single page application uses mock data served with json-server library.

Additionally, in order to send data from the contact form, we use Webhook.

(back to top)

Built With

• Vue
• VueX
• Vue Router
• Sass
• JSON-Server

(back to top)

How To Install

Git clone

git clone https://github.com/almoggutin/Konimbo-Electronics-Store-Client-Vue-JS.git

Instructions

• After cloning the the repository run npm i in order to install all the dependencies.
• Create an env file in the root of the project named .env and fill in the follwing variables: VUE_APP_API_URL, VUE_APP_MAIL_API_URL.

(back to top)

Available Scripts

In the project directory, you can run:

npm run serve

Runs the app in the development mode.
Open http://localhost:8080 to view it in your browser.

This includes hot-reloads You may also see any lint errors in the console.

npm run server

Runs the json-server library with our mock-data in the db.json file.
This allows us to mock a REST API server in order to make requests to get the data to the client.

npm run dev

Runs both serve & server scripts simultaneously.

npm run build

Builds the app for production to the build folder.

npm run lint

Lints and fixes files.