A Time Tracking App For Small Non-heirarchical Teams

A Time Tracking App For Small Non-heirarchical Teams

thyme plane is a PWA created with vue.js & buefy for making time entry and calculation easier. Adding clients, adding projects, and time for each project is simple

thyme plane

thyme plane

thyme plane is a PWA created with vue.js & buefy for making time entry and calculation easier. Adding clients, adding projects, and time for each project is simple. Then doing monthly calculations with filters by client and project makes creating reports a cinch.

Project setup

git steps

  • make new branch

  • clone repository (i.e.):

    git clone https://github.com/aldorr/thyme-plane.git
  • make changes

  • submit changes

  • submit pull request

npm steps

Install Dependencies

npm install

Compile and serve hot-reloading for development

npm run serve

Try it out with your own firebase setup

  • First set up a Firebase rtdb.

    • Rules
    {
      "rules": {
          ".read": "auth.uid !== null && data.child('users').child(auth.uid) !== null",
          ".write": "auth.uid !== null && data.child('users').child(auth.uid) !== null"
      }
    }
    • Add Authorized User and make user in Database with same UID (so above rules work)
  • Then copy the .env.sample to .env

  • Add the appropriate variables to the .env file.

  • You may need to add the appropriate tables as well.


Compile and minify for production

npm run build

Run your tests

npm run test

TODO: write tests

Lints and fixes files

npm run lint

Deploy script included

npm run deploy
  • You can also make your own deploy.sh script
  • or use the one provided with your own surge account
  • add your domain to /public/CNAME

Customize configuration

See vue.js CLI Configuration Reference.

License

Code released under MIT license.

Version

  • Version 0.5.0

Full Demo

Try it out here

User

PW

  • Easy-T0-Guess-Passw0rds

Communication

Download Details:

Author: aldorr

Demo: https://thyme-demo.surge.sh/

Source Code: https://github.com/aldorr/thyme-plane

vue vuejs javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

8 Popular Websites That Use The Vue.JS Framework

In this article, we are going to list out the most popular websites using Vue JS as their frontend framework. Vue JS is one of those elite progressive JavaScript frameworks that has huge demand in the web development industry. Many popular websites are developed using Vue in their frontend development because of its imperative features.

Vue Native is a framework to build cross platform native mobile apps using JavaScript

Vue Native is a framework to build cross platform native mobile apps using JavaScript. It is a wrapper around the APIs of React Native. So, with Vue Native, you can do everything that you can do with React Native. With Vue Native, you get

How to Make a Simple Vue Custom Select Component

In this article, you’ll learn how to build a Vue custom select component that can be easily be styled using your own CSS. In fact, it’s the same component that we use in production on Qvault, and you can see it in action on the playground.

Creating a Custom Tooltip Component in Vue

There are plenty of libraries out there that will have you up and running with a good tooltip solution in minutes. However, if you are like me, you are sick and tired of giant dependency trees that have the distinct possibility of breaking at any time.

Vue ShortKey plugin for Vue.js

Vue-ShortKey - The ultimate shortcut plugin to improve the UX .Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener.