Install nodejs: https://nodejs.org/en/
Clone this repo
git clone https://github.com/tonkolviktor/adbullion
cd adbullion
Start the application
npm start db_host db_user db_password
Now browse to the app at http://localhost:8080/.
There are two kinds of tests in the application: Unit tests and End to End tests.
npm run test-single-run
npm start db_host db_user db_password
npm run update-webdriver
npm run protractor
The application is based on: https://github.com/angular/angular-seed
I implemented the order module, the nodejs server side component, the unit and the e2e tests.
The following technologies / frameworks were used:
- HTML5
- CSS3
- JavaScript
- AngularJS
- JQuery
- NodeJS (http, mysql, buffet)
- karma
- protactor
- jasmine
- bower
- npm
- git
- SQL
The application consists of two main parts: client side (/app directory) and server side (/app-server directory) The client side was written in AngularJS. The business logic can be found in /app/order/order.js and order-directives.js The client uses two backend applications: one to create the order OrderData (/app/order/order-services.js), and GeneralData to access products, customers tables and to insert data into sales table.
The server nodejs application (/app-server/adbullion-server.js) creates a http server which listens on port 8080. This serves two kinds of requests:
- client side static files: the content of the /app directory can be accessed
- API request:
- GET :8080/api/products product list from database
- GET :8080/api/customers customers list from database
- POST :8080/api/newOrder insert the posted (json format) order into sales table
app-server/ --> all of the source files for the server nodejs application
sql/create.sql --> sql script to create sales table
adbullion-server.js --> nodejs server app, this will handle database select and insert requests
this file also servers the static client html, js, css files
app/ --> all of the source files for the client application
app.css --> default stylesheet
components/ --> all app specific modules
i18n/i18n.js --> internationalization file
gfx/ --> images from the psd file
order/ --> order module source files
partials/ --> order directive html templates
order.html --> order page layout
order.js --> order page controller
order_test.js --> order page controller unit test
order-directives.js --> order directives
order-directives_test.js --> order directives unit test
order-services.js --> order services to access backend
order-services_test.js --> order directives unit test
app.js --> main application module
index.html --> app layout file (the main html template file of the app)
karma.conf.js --> config file for running unit tests with Karma
e2e-tests/ --> end-to-end tests
protractor-conf.js --> Protractor config file
scenarios.js --> end-to-end scenarios to be run by Protractor
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent