Giter Site home page Giter Site logo

m123-dev / accountability-dashboard Goto Github PK

View Code? Open in Web Editor NEW

This project forked from selfdevs/accountability-dashboard

0.0 0.0 0.0 585 KB

Self.dev community is building an accountability dashboard to keep track of your goals.

HTML 30.47% TypeScript 19.98% CSS 18.47% JavaScript 31.08%

accountability-dashboard's Introduction

self.dev Accountability Dashboard

TL;DR

The self.dev community focuses on self-development, productivity and cross-disciplinary collaborations. To increase the communities productivity and keep ourselves more accountable we are developing a dashboard which acts as a journal for every individuals monthly goal.

The idea is to help ourselves to focus on a single task through the whole month and track it on a dashboard which mainly consist of 3 components:

  • Table of the month
  • Chart
  • Scratchboard

Screenshot Example Dashboard in Excel

Screenshot Final Dashboard Design (made by K_Talpa)


Background Story

As a community which focuses on productivity and self.development we want to create a web dashboard which everyone can use to keep track of a single goal to keep ourselves more accountable and help each user reaching our goals more effectively and efficiently. The motivation and inspiration comes from the YouTuber Tina Hoang and the book 4 Disciplines of Execution by Franklin Covey.

Main Idea

Our idea is to create an independent web dashboard similar to the workout dashboard/) we used on TwitchTV but for generic goals like learning a (programming) language, getting your first job, working on a project - it can be anything.

Why the dashboard?

On that dashboard, everyone can join, create a profile and should define and focus one single long-term goal they want to finish. That goal will be tracked by documenting the daily progress which will be act as an accountability- and motivation-booster for yourself and others. Meaning you will have to show up and add your progress to keep yourself accountable and motivated/motivate others.

"It's like playing table tennis with a scoreboard: suddenly we all are more competitive and eager to win!""

Adding a healthy pinch of competitive gamification to keep ourselves accountable sounds like a really nice way to improve ourselves. Each week we can come together (after Long's weekly co-working stream) and have a retrospective meeting discussing everyone's progress and challenges.


Tech Details

Frontend: ReactJS Backend: MongoDB

Webpage: theselfdev.com

The plan is to use the community server and host each individuals dashboard on an individual page:

Example dashboard URLs to edit (those links are only for demonstration and not working)

  • theselfdev.com/dashboard/long
  • theselfdev.com/dashboard/k_talpa
  • theselfdev.com/dashboard/marvin

Project Direction & Future Roadmap

  • overview page for all participants to see overall stats
  • multiple visualisation types for the chart
  • independent mobile app with desktop version (edited)
  • adding a Discord Bot to send changes to your own dashboard
  • ranking/reward system of all participants

Further Instructions

The following documents provided further information

Contributions are much appreciated, be they bug reports, ideas or patches. See the file for more information.


Contributors

K_Talpa

accountability-dashboard's People

Contributors

cchampou avatar johnjix avatar longinteger017 avatar m123-dev 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.