Home

Awesome

SISE-CWEB Project Template

This repo contains a template for your SISE-CWEB project.

Project assignment

Template

This project template you offers you with a foundation on how to structure your code for the SISE-CWEB Project. Students are free to change the structure if they feel the need to.

The template is organized in 2 parts.

> tree -L 1
.
├── LICENSE
├── README.md # The README that you are currently reading
├── api # RESTful API
└── app # Client side application

Each of this parts should be pretty self explanatority from what is available on the, nevertheless we will cover each in more detail so you know how to get up and running.

RESTful API

Here you can find the foundation for your RESTful API. This template presents one route, one with GET and one with POST, using the example business logic available on the bl folder.

Folder structure:

> cd api
> tree
.
├── LICENSE
├── README.md
├── package.json
├── src
│   ├── index.js
│   ├── routes.js     # Your route handlers
│   └── start.js
└── test              # Unit tests
    └── test.js

You can test this code by:

# Make sure you are inside the folder api
> npm install
> npm test
# ...

To start the server normally, do:

> npm start
API has started http://localhost:9090

Client side application

In this folder you have a static server and a template for your client side application. The bootstrap assets are already present.

Folder structure

> tree
.
├── package.json
└── src
    ├── css
    │   ├── bootstrap-theme.css
    │   ├── bootstrap.min.css
    │   └── jumbotron-narrow.css
    ├── fonts
    │   ├── glyphicons-halflings-regular.eot
    │   ├── glyphicons-halflings-regular.svg
    │   ├── glyphicons-halflings-regular.ttf
    │   ├── glyphicons-halflings-regular.woff
    │   └── glyphicons-halflings-regular.woff2
    ├── img
    │   └── favicon.ico
    ├── index.html
    └── js
        └── app.js # Where you application JS lives
# Make sure you are inside the folder app
> npm install
> npm start
> Then, open your browser in http://localhost:9000

Getting confortable with git

Using git or Github is not required for SISE-CWEB, however if you are interested in optimizing your workflow and are unfamiliar to git, you can, similar to the exercises in lab 3 and 4, learn how to use git by doing the git-it workshopper.

$ npm install -g git-it
# ... 
$ git-it

Good luck!