Git Product home page Git Product logo

djdiox-frontend's Introduction

Diox Frontend ๐Ÿš€ ๐Ÿฆˆ

pipeline status Website Version

ForTheBadge uses-html ForTheBadge uses-css ForTheBadge uses-js ForTheBadge makes-people-smile ForTheBadge built-by-developers

The page ist hosted on GitHub and built on Vue.

A new version is also available on GitHub Pages! It will be soon available on a Web Server with an domain. Current Homepage is https://djdiox.de hosted with wix.com

Compatibility

This app is best compatible with Google Chrome or any other Chromium based browser. It does also run on Mozilla Firefox, IE Edge und IE 10

Development โš’

This Frontend is currently standalone. After it has been built it can be served by an HTTP Server e.g. nginx.

Tip: If you use an Backend like Express.JS you can serve the files with it, instead of using another server.

Requirements ๐Ÿ’Š

You will need following tools to develop this project:

  1. Install all dependencies
  2. Install dependencies with npm.
  3. Fill out needed informations in the environment.ts file.
  4. Running npm run serve wil start up development server on http://localhost:4200.

Tip: If you want to access the project for instance on a smartphone or tablet in your network Usually eth0 is the default IP you need to call like 172.30.30.160:4200

Creating a new Patch / Version ๐Ÿ’Ž

Running npm version patch / minor / major will create the semver version.

This cmd will update the version located in the package.json and it will also generate tag in git.

For pushing the commit and the tags use git push --follow-tags.

The execution of git push --tags will just push the tags and not the version in the package.json

Execute npm run build for a normal build into dist folder.

Build ๐Ÿ› ๏ธ

Currently the automatic build is configured via .github/workflows/node.js.yml.

You can also run the build manually on your system with npm run build

This will take the base image with the dependency for a complete build:

Finally it builds all necessary files into gh-pages branch and delivers it as artifcats. GitHub will store the artifacts for 14 days as Zip File in the Build of [GitlLab Actions0](https://github.com/djdiox/djdiox-frontend/actions.

CI / CD ๐Ÿฅ‡

Continous Integration will be available over GitHub Actions. And will publish to GitLab Pages.

All related scripts for the continous integration build can be found in the \ folder

Folder Description
base Base Dockerimage, that will be used for building.
prod Production buildscript and other files
scripts Other deployment tools, scripts etc.
staging Staging buildscript and other files

About Vue ๐Ÿ’ฅ

Thd scaffold was generated with Vue CLI

Vue-CLI GitHub CvPage

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.