About ◈ Prerequisites ◈ Build and run ◈ How to test ◈ Changelog ◈ License

A front-end SPA application built with VueJS. It implements JWT authentication, Vuex for storage, VueRouter for routing and Vuetify for UI.

As of now it goes hand in hand with my other projects such as Movie API, which serve as the back-end for authentication and data retrieval. In order to fully see the front-end and the back-end working together you need to run both projects at the same time.

The main purpose of the project is to be used as a reference implementation in case of need.

You will need the following tools:

• Visual Studio Code
• Node.js (version 10 or later) with npm (version 6.4.1 or later)

1. Create a folder on local computer to clone the repo, something like C:\source will be fine.

2. Open cmd within newly created folder and clone the VueUITemplate repository from Github

   git clone https://github.com/PatriQ94/VueUITemplate.git

3. Move to the root directory and install npm packages

   cd VueUITemplate
   npm install

4. Run the application

   • For development and testing purposes:

     npm run serve
     

   • For production:

     npm run build
     

5. Launch http://localhost:8080

Once the application is up and running you can test if the back-end API is accessible by clicking the button on the bottom of the screen saying Check connection with back-end

If the back-end API is accessible, you will receive a green notification. If not, a red notification will appear.

If the back-end is accessible, feel free to register a new account and then explore the rest :)

See the LICENSE file for license rights and limitations (MIT).