Giter VIP home page Giter VIP logo

vue-nwjs-hours-tracking's Introduction

Hour Tracking App

This app is to help you track your hours and generate invoices for clients as a freelancer or consultant.

Table of Contents

  1. Requirements
  2. Tech Stack
  3. Schema
  4. Mockups
  5. Design
  6. Roadmap

Requirements

  • Users can keep track of the hours they work
  • Users can select which project (client) they are working on
  • Users can see a log of entries when they start the timer and stop the timer (manual entry for MVP)
  • Users can set their hourly rate and business info in settings
  • Users can generate an invoice for each client
  • Users can see an overview of how much time they spent on each project over the last week/month/year

Tech Stack

  • Vue.js
  • NW.js (desktop application framework for Node.js)
  • Database (haven't chosen one yet)
  • Bootstrap

Schema

User

This app assumes there is only one user for each install. user information is used for generating client invoices.

  • firstName
  • lastName
  • streetAddress
  • streetAddress2
  • city
  • state
  • zip
  • country
  • phone
  • email
  • billingDetails? -> this needs to be more thought out

TimeEntry

  • start: timestamp
  • stop: timestamp
  • notes: textfield
  • project: FK

Project

  • name: charfield
  • description: textfield
  • color: charfield
  • createdAt: timestamp
  • updatedAt: timestamp

Log

  • text: textfield
  • createdAt: timestamp
  • updatedAt: timestamp
  • project: FK

Mockups

Design

Colors

$dark-blue: #0D3B66

$off-white: #FAF0CA

$yellow: #F4D35E

$orange: #EE964B

$peach: #F95738

Roadmap

MVP

  • Hours log table
  • Add new hours entries
  • Create new projects (to associate hours with)
  • Settings

Version 1

  • Task tracking under projects
  • Exports
  • Billing Settings
  • Notifications

vue-nwjs-hours-tracking's People

Contributors

gwenf avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

vue-nwjs-hours-tracking's Issues

Settings Page

  • Create settings and settings form pages
  • Be able to enter in setting information and save
  • Display user setting information on settings page

Update settings pages

  • Pull user information from db if exists
  • On the settings edit page, the user information should auto-populate if it exists already
  • If the user exists already, then the user info should update instead of creating a new user

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.