Code Monkey home page Code Monkey logo

arachnefrontend's Introduction

Arachne 4 Frontend

Development

The repository includes a grunt configuration for setting up a local server, preconfigured with:

  • proxying to the backend running on the development server
  • url rewriting for AngularJS' HTML5 mode
  • live reloading

Prerequisites

You need the following components in order for the local server to work:

To install the necessary dependencies run the following command in the working directory:

npm install

con10t submodule

The static files representing the project pages are stored in the directory con10t. The repository comes preconfigured with the Arachne project pages configured as a git submodule.

In order to set up the submodule you have to run the following commands after the initial checkout:

git submodule init
git submodule update

Subsequent updates can be loaded by running git pull inside the directory con10t.

Running the development server

In order to run the frontend in the development server use the following command:

grunt server

After that you should be able to access the frontend under http://localhost:1234/.

Any changes made to HTML, CSS or JS files should automatically trigger a browser reload.

Deployment

In order for AngularJS' HTML5 mode to work use the following configurations:

nginx

server {
        listen   80;
        root /usr/share/nginx/www;
        try_files $uri $uri/ /index.html =404;
}

Apache

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond $1#%{REQUEST_URI} ([^#]*)#(.*)\1$
	RewriteRule ^(.*)$ %2index.html [QSA,L]
</IfModule>

arachnefrontend's People

Contributors

fabianzwodrei avatar chbensch avatar obensch avatar neuged avatar dersmon avatar scuy avatar jphili avatar david-vlz avatar tkleinke avatar danielmarreirosdeoliveira avatar karen-sch avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.