├── .gitignore
├── .jshint
├── README.md
├── date.go
├── date_repository.go
├── frontend
├── .gitignore
├── README.md
├── package-lock.json
├── package.json
├── public
│ ├── index.html
│ ├── manifest.json
│ └── robots.txt
└── src
│ ├── App.js
│ ├── App.scss
│ ├── App.test.js
│ ├── assets
│ ├── icons
│ │ ├── add.svg
│ │ ├── btn--add.png
│ │ ├── btn--edit.png
│ │ ├── checkbox--active.svg
│ │ ├── checkbox.svg
│ │ ├── hamburger.svg
│ │ └── remove.svg
│ └── images
│ │ └── mock-pomodoro.png
│ ├── components
│ ├── AddActivity
│ │ ├── AddActivity.jsx
│ │ ├── AddActivity.scss
│ │ └── index.js
│ ├── AddHabit
│ │ ├── AddHabit.jsx
│ │ ├── AddHabit.scss
│ │ └── index.js
│ ├── EditHabit
│ │ ├── EditHabit.jsx
│ │ ├── EditHabit.scss
│ │ └── index.js
│ ├── Nav
│ │ ├── Nav.jsx
│ │ ├── Nav.scss
│ │ └── index.js
│ └── Pomodoro
│ │ ├── Pomodoro.jsx
│ │ ├── Pomodoro.scss
│ │ └── index.js
│ ├── index.css
│ ├── index.js
│ ├── pages
│ └── Habit
│ │ ├── Habit.jsx
│ │ ├── Habit.scss
│ │ └── index.js
│ ├── setupTests.js
│ ├── styles
│ └── partials
│ │ ├── _animations.scss
│ │ ├── _mixins.scss
│ │ ├── _typography.scss
│ │ └── _variables.scss
│ └── validation.js
├── go.mod
├── go.sum
├── habit.go
├── habit_repository.go
├── main.go
├── mocks
└── mock_habit.go
├── project.json
├── server.go
├── tests
└── habit_test.go
└── utils.go
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | .env
3 | build/
4 |
--------------------------------------------------------------------------------
/.jshint:
--------------------------------------------------------------------------------
1 | {
2 | "esversion": 6
3 | }
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | 
2 |
3 | 
4 | 
5 | 
6 | 
7 |
8 | ## About
9 |
10 | My project is a web and desktop application that allows you to track and visualize your consistency with your habits over time with a calendar heatmap.
11 | This allows you to track any habits you’d like and see how you’re progressing towards your goals.
12 | I hope that this tool can help those who struggle with being consistent or disciplined.
13 |
14 | 
15 | 
16 |
17 | ## How to Run
18 |
19 | ### Dependencies
20 |
21 | #### Frontend
22 |
23 | - all frontend dependencies are included in the `package.json` file
24 | - you can install these dependencies by navigating to the `frontend` folder then running `npm i`
25 |
26 | #### Backend
27 |
28 | - [Wails](https://wails.app/gettingstarted/) and its dependencies
29 | - Please follow their 'Getting Started' guide to install all project dependencies
30 | - Dependencies listed in `go.mod`
31 | - install these dependencies by running `go get` in the backend/root directory (same level as main.go)
32 | - Since auth isn't set up yet, you will need a `.env` file with the following values:
33 |
34 | ```
35 | DB_USERNAME=insertusername
36 | DB_PASSWORD=insertpassword
37 | HOST=inserthost
38 | PORT=insertport
39 | DATABASE=insertdatabase
40 | ```
41 |
42 | **_note_: You must use a MySQL db for this project**\
43 | For example, if you're running a local MySQL database your .env file might look something like this:
44 |
45 | ```
46 | DB_USERNAME=root
47 | DB_PASSWORD=root
48 | HOST=localhost
49 | PORT=3306
50 | DATABASE=HABIT_TRACKER
51 | ```
52 |
53 | ### Running the App
54 |
55 | - In a terminal window, in the root folder (same folder as `main.go`) run `wails serve` to start the backend.
56 | - In a new terminal window, navigate to the frontend folder, then run `npm run serve` to start the frontend.
57 | This runs the development server for the desktop application on `http://localhost:3000`
58 |
59 | ## How to Contribute
60 |
61 | 1. Create an issue\*
62 | 2. Fork the repository
63 | 3. Create a solution that solves _exactly_ the features that are mentioned in the issue
64 | 4. Create a pull request with a link to the issue following the format:
65 |
66 | ```
67 | ## Completed
68 | - [x] add timer functionality
69 | - [x] create timer component
70 | - [x] integrate timer React component with timer functionality
71 |
72 | ## Goal
73 | Build out the pomodoro timer as outlined in feature request issue #10
74 | ```
75 |
76 | - the list of tasks completed will likely match your commit messages if you're writing meaningful commit messages, if not, it will add clarity to the pull request.
77 |
78 | \*issues should include a clear description. For bugs this means including screenshots of related error messages and code snippets that you suspect are involved along with your OS, Go, Wails, Node versions.
79 | For feature requests, please include a description of the feature, with a user story outlining the problem-space it aims to solve.
80 |
81 | ### Additional Information
82 | Here's an overview of the project structure:
83 | 
84 |
85 |
86 | ## Next Steps
87 |
88 | ### Add Pomodoro functionality
89 |
90 | This includes
91 |
92 | - a functional timer component
93 | - incrementing the count for a habit that has pomodoro enabled
94 |
95 | 
96 |
97 | ### Add Authentication
98 |
99 | I would like for users to be able to keep track of their own habits and separate data by user for production.
100 |
101 | ### Release Production Build
102 |
103 | Habit Tracker is currently in release for development only, meaning that a stable production release still needs to be developed.
104 | I'm planning on migrating the project to Wails v2 which has a lot of bug fixes available.
105 | Once I've finished the migration I'll be working on building the executable desktop programs for Mac, Linux, and Windows.
106 | That will be the first major release
107 |
--------------------------------------------------------------------------------
/date.go:
--------------------------------------------------------------------------------
1 | package main
2 |
3 | import (
4 | "encoding/json"
5 | "fmt"
6 | "log"
7 | )
8 |
9 | type Date struct {
10 | ID string `json:"id"`
11 | Date string `json:"date"`
12 | Count uint `json:"count"`
13 | HabitID uint `json:"habit_id"`
14 | }
15 |
16 | func NewDateFromJSON(req []byte) Date {
17 | fmt.Println(req)
18 | var date Date
19 | err := json.Unmarshal(req, &date)
20 | if err != nil {
21 | log.Fatal(err)
22 | }
23 | return date
24 | }
25 |
26 | func NewDate(Today string, Count uint, HabitID uint) Date {
27 | return Date{Date: Today, Count: Count, HabitID: HabitID}
28 | }
29 |
--------------------------------------------------------------------------------
/date_repository.go:
--------------------------------------------------------------------------------
1 | package main
2 |
3 | import (
4 | "database/sql"
5 | "fmt"
6 | "log"
7 | "time"
8 | )
9 |
10 | type DateRepository interface {
11 | GetAllDates(uint) []Date
12 | GetTodaysDate() Date
13 | AddDate(Date) error
14 | AddCount(Date) error
15 | }
16 |
17 | // GetAllDates gets all dates for a given habit.
18 | func (s MySQLRepository) GetAllDates(habit_id uint) []Date {
19 | results, err := s.DB.Query("SELECT * FROM date WHERE habit_id = ?", habit_id)
20 | if err != nil {
21 | log.Fatal(err)
22 | }
23 | defer results.Close()
24 | var dates []Date
25 | for results.Next() {
26 | var date Date
27 | err = results.Scan(&date.ID, &date.Date, &date.Count, &date.HabitID)
28 | if err != nil {
29 | log.Fatal(err)
30 | }
31 | dates = append(dates, date)
32 | }
33 | return dates
34 | }
35 |
36 | // GetTodaysCountForHabit gets a Date instance for today's entry on a given habit.
37 | func (s MySQLRepository) GetTodaysCountForHabit(habitID uint) Date {
38 | today := time.Now().UTC().Format("2006-01-02")
39 | var date Date
40 | err := s.DB.QueryRow("SELECT * FROM date WHERE date_date = ? AND habit_id = ?", today, habitID).Scan(&date.ID, &date.Date, &date.Count, &date.HabitID)
41 | if err != nil {
42 | if err != sql.ErrNoRows {
43 | // real error
44 | log.Fatal(err)
45 | }
46 | }
47 | return date
48 | }
49 |
50 | func (s MySQLRepository) TodayExists(habitID uint) bool {
51 | today := s.GetTodaysCountForHabit(habitID)
52 | if today.Date == "" {
53 | return false
54 | }
55 | return true
56 |
57 | }
58 |
59 | func (s MySQLRepository) AddDate(date Date) error {
60 | fmt.Println(date.Date)
61 | insert := fmt.Sprintf("INSERT INTO date(date_date, date_count, habit_id) VALUES ('%s', %d, %d)", date.Date, date.Count, date.HabitID)
62 | fmt.Println(insert)
63 | _, err := s.DB.Exec(insert)
64 | return err
65 | }
66 |
67 | func (s MySQLRepository) AddCount(date Date) error {
68 | today := s.GetTodaysCountForHabit(date.HabitID)
69 | if s.TodayExists(date.HabitID) {
70 | updateCount := fmt.Sprintf("UPDATE date SET date_count = %d WHERE date_date = '%s' AND habit_id = %d", today.Count+date.Count, date.Date, date.HabitID)
71 | _, err := s.DB.Exec(updateCount)
72 | return err
73 | } else {
74 | return s.AddDate(date)
75 | }
76 | }
77 |
78 | func (s MySQLRepository) AddCountFromJSON(req []byte) error {
79 | return s.AddCount(JSONToDate(req))
80 | }
81 |
--------------------------------------------------------------------------------
/frontend/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/frontend/README.md:
--------------------------------------------------------------------------------
1 | This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
2 |
3 | ## Available Scripts
4 |
5 | In the project directory, you can run:
6 |
7 | ### `npm start`
8 |
9 | Runs the app in the development mode.
10 | Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
11 |
12 | The page will reload if you make edits.
13 | You will also see any lint errors in the console.
14 |
15 | ### `npm test`
16 |
17 | Launches the test runner in the interactive watch mode.
18 | See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
19 |
20 | ### `npm run build`
21 |
22 | Builds the app for production to the `build` folder.
23 | It correctly bundles React in production mode and optimizes the build for the best performance.
24 |
25 | The build is minified and the filenames include the hashes.
26 | Your app is ready to be deployed!
27 |
28 | See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
29 |
30 | ### `npm run eject`
31 |
32 | **Note: this is a one-way operation. Once you `eject`, you can’t go back!**
33 |
34 | If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
35 |
36 | Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
37 |
38 | You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
39 |
40 | ## Learn More
41 |
42 | You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
43 |
44 | To learn React, check out the [React documentation](https://reactjs.org/).
45 |
46 | ### Code Splitting
47 |
48 | This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
49 |
50 | ### Analyzing the Bundle Size
51 |
52 | This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
53 |
54 | ### Making a Progressive Web App
55 |
56 | This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
57 |
58 | ### Advanced Configuration
59 |
60 | This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
61 |
62 | ### Deployment
63 |
64 | This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
65 |
66 | ### `npm run build` fails to minify
67 |
68 | This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify
69 |
--------------------------------------------------------------------------------
/frontend/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "habit_tracker",
3 | "author": "bashbunni",
4 | "version": "0.1.0",
5 | "private": true,
6 | "dependencies": {
7 | "@wailsapp/runtime": "^1.0.10",
8 | "axios": "^0.24.0",
9 | "core-js": "^3.6.4",
10 | "react": "^17.0.2",
11 | "react-calendar-heatmap": "^1.8.1",
12 | "react-dom": "^17.0.2",
13 | "react-router-dom": "5.3",
14 | "react-scripts": "4.0.3",
15 | "react-tooltip": "^4.2.21",
16 | "sass": "^1.43.4",
17 | "wails-react-scripts": "3.0.1-2",
18 | "web-vitals": "^1.1.2"
19 | },
20 | "scripts": {
21 | "serve": "react-scripts start",
22 | "build": "react-scripts build",
23 | "test": "react-scripts test",
24 | "eject": "react-scripts eject"
25 | },
26 | "eslintConfig": {
27 | "extends": "react-app"
28 | },
29 | "browserslist": {
30 | "production": [
31 | ">0.2%",
32 | "not dead",
33 | "not op_mini all"
34 | ],
35 | "development": [
36 | "last 1 chrome version",
37 | "last 1 firefox version",
38 | "last 1 safari version"
39 | ]
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/frontend/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
12 |
13 |
17 |
18 |
27 | Habit Tracker
28 |
29 |
30 |
31 |
32 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/frontend/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "start_url": ".",
5 | "display": "standalone",
6 | "theme_color": "#000000",
7 | "background_color": "#ffffff"
8 | }
9 |
--------------------------------------------------------------------------------
/frontend/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 |
--------------------------------------------------------------------------------
/frontend/src/App.js:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect, useRef } from "react";
2 | import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
3 | import Nav from "./components/Nav";
4 | import Habit from "./pages/Habit";
5 | import Pomodoro from "./components/Pomodoro";
6 | import AddHabit from "./components/AddHabit";
7 | import hamburger from "./assets/icons/hamburger.svg";
8 | import "./App.scss";
9 |
10 | const App = () => {
11 | const [habitList, setHabitList] = useState([]);
12 | const [nav, setNav] = useState(false);
13 | const openNav = () => setNav(true);
14 | const closeNav = () => setNav(false);
15 | const mountedRef = useRef(true);
16 |
17 | function updateHabits() {
18 | window.backend.MySQLRepository.GetAllHabits().then((response) => {
19 | setHabitList(response);
20 | });
21 | }
22 |
23 | useEffect(() => {
24 | if (mountedRef.current) {
25 | updateHabits();
26 | }
27 | return () => (mountedRef.current = false);
28 | }, []);
29 |
30 | return (
31 |
32 | {habitList && (
33 |
34 |
40 |
41 | {nav && }
42 |
43 |
44 |
45 | (
49 |
50 | )}
51 | />
52 | (
55 |
56 | )}
57 | />
58 | (
62 |
63 | )}
64 | />
65 |
66 |
67 |
68 | )}
69 |
30 |
{
35 | setAddOpen(false);
36 | }}
37 | />
38 |
Log Activity
39 |
63 |
37 |
{
42 | setEditOpen(false);
43 | }}
44 | />
45 |
130 |
9 |
15 |
16 | {habitList.map((habit) => (
17 | -
18 |
19 | {habit.name}
20 |
21 |
22 | ))}
23 | -
24 |
25 | pomodoro
26 |
27 |
28 | -
29 |
30 | add new
31 |
32 |
33 |
34 |
23 |
pomodoro
24 |
25 | Time Left:
26 | {timeRemaining}
27 |
28 |
29 |
30 |
31 |
32 | "{quote.text}"
-{quote.author ? quote.author : "unknown"}
33 |
34 |
35 |
36 |
reset
37 |
start
38 |
39 |
40 |
56 | {addOpen && (
57 |
63 | )}
64 | {editOpen && (
65 |
72 | )}
73 |
74 |
{habit.name}
75 |
{
80 | setEditOpen(true);
81 | }}
82 | />
83 |
{
88 | setAddOpen(true);
89 | }}
90 | />
91 |
92 |
93 |
94 |
why
95 |
{habit.why}
96 |
97 |
98 |
goal:
99 |
100 |
daily
101 |
weekly
102 |
103 | occasionally
104 |
105 |
106 |
107 |
108 | {dates && (
109 |
{
114 | if (!value) {
115 | return "color-empty";
116 | }
117 | return `color-github-${value.count}`;
118 | }}
119 | tooltipDataAttrs={(value) => {
120 | return {
121 | "data-tip": `${value.date}: ${value.count} ${habit.unit}`,
122 | };
123 | }}
124 | showWeekdayLabels={true}
125 | />
126 | )}
127 |
128 |
131 |