Setting up your development environment - SoftverInzenjeringETFSA/SI2016_TIM11 GitHub Wiki
STEP 0: INSTALL JDK, GIT & NODE.JS
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
https://nodejs.org/dist/v6.10.2/node-v6.10.2-x64.msi
STEP 1: INSTALL INTELLIJ IDEA ULTIMATE FOR STUDENTS (FREE)
https://www.jetbrains.com/shop/eform/students
Apply here with your @etf.unsa.ba mail, you should get the license instantly. After registration and logging in, go here:
https://account.jetbrains.com/licenses
And click Download below “JetBrains Product Pack for Students “. Download IntelliJ Idea Ultimate and install.
STEP 2: INSTALL MYSQL
Preferred way at the moment is to install XAMPP which comes with Apache so we can use phpMyAdmin.
Install XAMPP.
STEP 3: CREATE A DATABASE
Run XAMPP Control Panel. Click Start besides Apache and besides MySQL. Go to
Click New below the phpMyAdmin logo.
Database name: tim11 Instead of Collation, choose utf8_unicode_ci, so we support our letters like čćšđž…
Go to tim11 database and choose Privileges tab. Click Add user account.
User name: EtfSI2016
Password: 2016SIEtf
Re-type: 2016SIEtf
Hostname: Local / and type localhost
Click Go.
STEP 4: CREATE A FOLDER CALLED ‘inventura’ WHEREVER YOU WANT
Go to that folder in cmd. Type the commands:
cd C:\inventura
git clone https://github.com/SoftverInzenjeringETFSA/SI2016_TIM11.git
cd SI2016_TIM11
cd frontend
npm install
Last command should take a while.
STEP 5: IMPORT THE PROJECT IN INTELLIJ
Open IntelliJ. Import Project -> (select SI2016_TIM11 folder) -> OK -> Maven -> Next -> Next -> Next -> Next -> Finished
Right click on frontend -> Mark directory as -> Excluded (otherwise IntelliJ would index thousands of files from node_modules)
STEP 6: FINISH
That’s it for the backend! Try running the app in IntelliJ (upper right corner, play button). Then go to http://localhost:8080/accounts/all (it should only return [ ] since the database is empty)
Now try the frontend:
Open cmd and go to SI2016_TIM11/frontend. Type in gulp serve and wait for something like this to appear:
Then in your browser go to http://localhost:4200. This server should automatically refresh the page incase you change .js files in the frontend (also it should hot-swap new SASS/CSS files).