Skip to content

Account web app using Vue.js, Spring boot and Boostrap

License

Notifications You must be signed in to change notification settings

kyle-c-simmons/accountapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Account application

Account application. Stores accounts with first name, surname and account numbers.

Getting Started

The project is split into 2 parts. Frontend and backend. The backend is written with Java spring boot which contains all the API code with MongoDB. The frontend contains the Vue.js and the website code.

Default application ports: Frontend: localhost:8080 Backend: localhost:8090

Installing

Install the following:

  • Install NPM
  • Install Vue.js
  • Install Java
  • Install Maven 3+
  • Install Mongodb

Frontend:

To startup the frontend, go into the frotend directory in the terminal and enter the following:

npm install

npm run dev

Backend:

To startup the backend, go into the SRC directory in the IDE. Open up the AccountAppApplication class and run the class to execute the backend.

The next step is to run the mongoDB server. This is where all the API data will be stored. Once the mongoDB server is up and running choose a location for the Mongodb database inside the project. Open up the SRC directory, go into Resources and then applications.properties.

This will contain the following:

server.port=8090

spring.data.mongodb.uri=mongodb://localhost:27017/accountapp

The server port can be configured to open the API on a different port. However, were interested in the line below.

localhost:27017/accountapp

This is the url for the mongoDB database. Change that url to your MongoDB database location. Once done, the project should be ready to start.

Built With

  • HTML5
  • CSS3
  • SCSS
  • Bootstrap
  • Vue.js
  • Javascript
  • Java7
  • Maven
  • Spring boot
  • MongoDB

Images

Account application

GitHub app image

Search buttons

GitHub search image

Edit users

GitHub edit image

Storing data in the API

GitHub api image

Authors

License

This project is licensed under the MIT License - see the LICENSE.md file for details

About

Account web app using Vue.js, Spring boot and Boostrap

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published