{"id":16799542,"url":"https://github.com/arpitnath/trackk","last_synced_at":"2026-04-05T22:03:29.067Z","repository":{"id":48798730,"uuid":"382899500","full_name":"arpitnath/trackk","owner":"arpitnath","description":"A Single Page App for managing and tracking tasks.","archived":false,"fork":false,"pushed_at":"2021-08-16T13:52:18.000Z","size":1160,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-23T14:21:55.411Z","etag":null,"topics":["javascript","netlify-deployment","react","react-hooks","react-router-dom","sass","typescript","webpack"],"latest_commit_sha":null,"homepage":"https://trackkapp.netlify.app/board","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arpitnath.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-07-04T16:33:12.000Z","updated_at":"2023-03-08T23:55:44.000Z","dependencies_parsed_at":"2022-08-12T19:51:08.709Z","dependency_job_id":null,"html_url":"https://github.com/arpitnath/trackk","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arpitnath%2Ftrackk","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arpitnath%2Ftrackk/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arpitnath%2Ftrackk/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arpitnath%2Ftrackk/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arpitnath","download_url":"https://codeload.github.com/arpitnath/trackk/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243976493,"owners_count":20377692,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","netlify-deployment","react","react-hooks","react-router-dom","sass","typescript","webpack"],"created_at":"2024-10-13T09:29:05.248Z","updated_at":"2025-12-31T00:19:13.329Z","avatar_url":"https://github.com/arpitnath.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eTrackk 🐞\u003c/h1\u003e\n\n\u003e UI greatly inspired from [Notion web app](https://www.notion.so/)\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/67645175/125203109-b387f100-e294-11eb-921e-24a75273155a.png\" width='512' hspace=\"1\"\u003e\n\u003c/p\u003e\n\n### About\n\nA Single Page Web App for tracking your daily tasks and goal.\n\n\u003e App uses Local Storage to store your data.\n\n⌗ create a new group\n\n⌗ create a new task\n\n⌗ edit a group name\n\n⌗ add tasks to the groups\n\n⌗ drag tasks to different group or shuffle them inside the same\n\n⌗ edit the task title in the board or open the task and edit it\n\n⌗ add a task description\n\n⌗ add tags to the task or remove them\n\n⌗ edit the board title or description\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/67645175/125203302-796b1f00-e295-11eb-99f9-67236c969813.png\" width='512' hspace=\"1\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/67645175/125203526-542ae080-e296-11eb-88b0-cdd388775ac8.png\" width='512' hspace=\"1\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/67645175/125203132-d74b3700-e294-11eb-83bb-941227dd6df3.png\" width='256' hspace=\"2\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/67645175/125203205-2729fe00-e295-11eb-817a-973e9cecb758.png\" width='256' hspace=\"2\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/67645175/125203240-445ecc80-e295-11eb-89cb-1d2299d7a291.png\" width='256' hspace=\"2\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/67645175/125203268-5c365080-e295-11eb-8076-36505bb5ae3a.png\" width='256' hspace=\"2\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/67645175/125203326-90117600-e295-11eb-9f33-d437dd694fe6.png\" width='256' hspace=\"2\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/67645175/125203344-a3bcdc80-e295-11eb-82ed-f5c32259facc.png\" width='256' hspace=\"2\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/67645175/125203557-715faf00-e296-11eb-9974-b7d2f01a524a.png\" width='256' hspace=\"3\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/67645175/125203578-8c322380-e296-11eb-8af8-d9e8f8315cd7.png\" width='256' hspace=\"3\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/67645175/125203586-9a803f80-e296-11eb-9113-2b3ba1741b92.png\" width='256' hspace=\"3\"\u003e\n\u003c/p\u003e\n\n### Run the app locally\n\n```\n$ git clone git@github.com:arpitnath/spacex.git\n\n$ npm install\n\n$ npm start\n```\n\n\u003e This will start the application and run on port 3000\n\n#### For Production build\n\n```\nnpm run build\n```\n\n### Structure\n\n\u003e App\n\n```\npublic\n└───index.html              # entry point\n└───__test__                # unit tests\n└───src                     # source\n└───webpack                 # webpack setup\n    └───webpack.common.js   # common webpack settings\n    └───webpack.config.js   # webpack configuration point for dev and prod\n    └───webpack.dev.js      # webpack dev setup\n    └───webpack.prod.js     # webpack build setup for prod\n└───.babelrc                # babel config\n└───.eslintrc.json          # eslint config\n└───.prettierrc.json        # prettier config\n└───tsconfig.json           # typescript config\n└───tsconfig.testing.json   # ts test config\n└───package.json\n```\n\n\u003e src\n\n```\nsrc\n└───index.tsx              # Application entry point\n└───App.tsx                # Application routes and pages are managed\n└───components/            # All the components live here\n└───containers/            # encapsulate components as a single executable code block\n└───constants/routes.ts    # Available Routes\n└───pages/                 # Views of the App\n└───styles/scss            # StyleSheets\n    └───_mixins.scss       # all mixins\n    └───_variables.scss    # scss/sass variables\n    └───styles.module.scss # all styles endpoint\n    └───index.scss         # global styles\n└───utils\n    └───defData.ts         # default data that hydrates the application on first load\n    └───types.ts           # Typescript Types\n    └───helpers.ts         # Shared Logic\n    labels.ts              # default data for labels\n```\n\n\u003e \u003e To check the build size\n\n```\n//uncomment this part in webpack.prod.js\n\nconst BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin\n\nmodule.exports = {\n   ...\n   plugins: [new BundleAnalyzerPlugin()]\n}\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farpitnath%2Ftrackk","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farpitnath%2Ftrackk","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farpitnath%2Ftrackk/lists"}