Code Monkey home page Code Monkey logo

get-it-done's Introduction

Get It Done

Hackathon winning goal tracker app made by @BhavyaCodes and @priya28139. The challange for the hackathon was to make a web app that can be used to track the progress of time spent on goals you want to achieve.

Features -

  • Add goal

    add goal by with title, description and 5 labels to choose from.

  • Start/pause timer

    Start the timer as you start to work towards your goal. you may close the browser or even turn off the computer and the timer will still be running when you come back. However you may pause the timer whenever you want.

  • Edit goal

    Edit goals by modifying the title, description and labels.

  • Filter Goals

    Filter goals by text and/or labels

  • Visualize your goals

    See a visual representation of how much you spent for every goal.

  • Dark mode

    Because its awesome

Run project on your computer

  • clone the repo
git clone <url>
  • install dependencies and start development server
npm install
npm start
  • Build and run production app
npm run build
npm install -g server
serve -s build

Tech used to build this project

react logo chart.js logo material-ui logo
React Chart.js Material-UI

License

GitHub


Leave a ⭐️ if you liked this project 😄

get-it-done's People

Contributors

bhavyacodes avatar

Stargazers

Haytam Aroui avatar Jaroslav Kaňka avatar Saiyam Gobre avatar Roman avatar  avatar Harrsh Patel avatar Dylan Whitehurst avatar Sai venkat Balabadruni avatar Sanjay Prajapati avatar ZeroD avatar Ashutosh Dwivedi avatar Yog avatar Kiran avatar Chanda avatar

Watchers

 avatar

get-it-done's Issues

Improvements

  • Add snackbar on deleting goal
  • Improve chart
  • remove placeholder help text
  • update meta tags
  • add theme picker
  • remove auto complete from form
  • about page
  • tooltips

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.