Technical

Clock from a technical point of view

Clock is a Web App consisting of several components:

The Backend

That's what users won't get to see. The backend includes:

• the database (where all data is stored)

• the programming interface (to access and update the database)

The Clock-Database is based on PostGreSQL 9.4+. The interface has been realised using the Django-REST-Framework. Such an interface is also called an API (Advanced Programming Interface).

Frontend

That's what you as a user get to see: the User Interface (UI). The Frontend communicates with the databank via the API.

The Frontend has been realised using the Javascript Framework Vue.js, which allows developers to build web applications that run in every (modern) browser.

We (nearly) all use apps frequently – on mobile and non-mobile devices – and there are accordingly many ways to design an app's user interface.

For the most part, we comply with Google's design language Material Design, which has become something like a standard on the web.

These guidelines specify the visual design of individual components, but also the positioning of menus, buttons etc. They foster logic, consistency and clarity.

To realise Material Design using Vue.js, the Design Library Vuetify has been employed.

Collaboration

If you know something about the technologies used in the frontend and the backend, and would like to chat with us or contribute something to the project, feel free to contact us via: [e-mail] or via Rocket.Chat.

Clock's source code "resides" on Github.