{"id":15385962,"url":"https://github.com/alstonchan/tasktrackee","last_synced_at":"2026-04-09T11:40:55.858Z","repository":{"id":49254747,"uuid":"509961157","full_name":"AlstonChan/TaskTrackee","owner":"AlstonChan","description":"React 18 configured with Webpack 5 , integrated with supabase","archived":false,"fork":false,"pushed_at":"2023-08-08T08:05:08.000Z","size":2319,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-02T01:11:45.693Z","etag":null,"topics":["babel-preset","react18","reactjs","redux-toolkit","scss","supabase-js","webpack","webpack5"],"latest_commit_sha":null,"homepage":"https://tasktrackee.netlify.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AlstonChan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-07-03T08:09:22.000Z","updated_at":"2022-12-22T02:19:54.000Z","dependencies_parsed_at":"2024-10-18T17:52:52.046Z","dependency_job_id":"809b8f15-cdc5-4e73-b69b-3dd7369784a2","html_url":"https://github.com/AlstonChan/TaskTrackee","commit_stats":{"total_commits":52,"total_committers":1,"mean_commits":52.0,"dds":0.0,"last_synced_commit":"d9c61ea6fc512d7879ee933142d63f00e42649f9"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlstonChan%2FTaskTrackee","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlstonChan%2FTaskTrackee/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlstonChan%2FTaskTrackee/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlstonChan%2FTaskTrackee/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AlstonChan","download_url":"https://codeload.github.com/AlstonChan/TaskTrackee/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245937976,"owners_count":20696989,"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":["babel-preset","react18","reactjs","redux-toolkit","scss","supabase-js","webpack","webpack5"],"created_at":"2024-10-01T14:46:51.121Z","updated_at":"2025-12-30T23:21:48.163Z","avatar_url":"https://github.com/AlstonChan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\" style='display:flex; justify-content:center'\u003e\n  \u003cimg src='https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E' /\u003e\n  \u003cimg src='https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB' /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Babel-F9DC3e?style=for-the-badge\u0026logo=babel\u0026logoColor=black\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/webpack-5299c7.svg?style=for-the-badge\u0026logo=webpack\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/dotenv-000000?style=for-the-badge\u0026logo=dotenv\" /\u003e\n  \u003cimg src='https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge\u0026logo=netlify\u0026logoColor=white' /\u003e\n\u003c/div\u003e\n\n# Task Tracker Application [![Netlify Status](https://api.netlify.com/api/v1/badges/e8c2b072-4c30-4226-8bbf-9206b3b837b6/deploy-status)](https://app.netlify.com/sites/tasktrackee/deploys)\n\nA task managment application built with **REACT. JS**\n\n## Getting Started\n\n1. Clone this respository into your local machine with the following command:\n\n   ```bash\n   git clone https://github.com/AlstonChan/TaskTrackee.git\n   ```\n\n   then do `cd TaskTrackee`\n\n2. Install all required dependencies\n\n   ```bash\n   npm install\n   ```\n\n3. Before doing `npm run dev`, you have to setup a [Supabase](https://supabase.com/) project. Create a new project under your organization, copy the `anon` `public` key and the *Project URL*, paste it into the `.env` file like below.\n\n    ``` .env\n    SUPABASE_PUBLIC_ANON_KEY=your_anon_public_key_here\n    SUPABASE_URL=your_project_url_here\n    ```\n\n4. Go to the Supabase **Table Editor** and create a new table with the following setup.\n\n    - Name : Task\n    - Description : (Optional)\n    - ✅ Enable Row Level Security (RLS)\n    - ✅ Enable Realtime\n    - Columns\n        - | Name         | Type         | Default Value |   Primary Key |\n          |--------------|:------------:|:-------------:|:-------------:|\n          | id           | int8         |               |            ✅ |\n          | created_at   | timestamptz  | now()         |            ⬛ |\n          | user_uid     | uuid         | NULL          |            ⬛ |\n          | header       | text         | NULL          |            ⬛ |\n          | desc         | text         | NULL          |            ⬛ |\n          | due_date     | timestamptz  | NULL          |            ⬛ |\n          | status       | text         | pending       |            ⬛ |\n          | labels_id    | int8[]       | NULL          |            ⬛ |\n\n    Create another new table for `Labels` section.\n\n    - Name : Labels\n    - Description : (Optional)\n    - ✅ Enable Row Level Security (RLS)\n    - ✅ Enable Realtime\n    - Columns\n        - | Name         | Type         | Default Value |   Primary Key |\n          |--------------|:------------:|:-------------:|:-------------:|\n          | id           | int8         |               |            ✅ |\n          | user_uid     | uuid         | NULL          |            ⬛ |\n          | label        | text         | NULL          |            ⬛ |\n          | colour       | text         | NULL          |            ⬛ |\n\n5. Add RLS policy for the application to interact with supabase without issues.\n\n6. Do `npm run dev` and open ***[localhost:3000](http://localhost:3000)*** in your browser to view the application.\n\n## Package. json script option\n\n### 1. `npm run dev`\n\nSet the `NODE_ENV` environment variable to *development* and start a webpack dev server at ***[localhost:3000](http://localhost:3000)*** using the `webpack.dev.js` configuration file. You may open ***[localhost:8888](http://localhost:8888)*** and visualized the bundle size of the application.\n\n### 2. `npm run build-local`\n\nSet the `NODE_ENV` environment variable to *production* and output the bundled application to `/dist` directory using the `webpack.prod.js` configuration file. The `--env ANALYZE=true` will enable **BundleAnalyzerPlugin** and open ***[localhost:8888](http://localhost:8888)*** automatically upon bundled file is outputed to the `dist` directory. Optimal for local development.\n\n### 3. `npm run build`\n\nSet the `NODE_ENV` environment variable to *production* and output the bundled application to `/dist` directory using the `webpack.prod.js` configuration file. The `--env ANALYZE=false` will disable **BundleAnalyzerPlugin**. Optimal for production deployment.\n\n### 4. `npm run test`\n\nSet the `NODE_ENV` environment variable to *test* and test all the file with the extension of `.test.js`.\n\n### 5. `npm run lint`\n\nLint all the code in the `src` directory (except .test) file.\n\n### 6. `npm run lint:fix`\n\nLint all the code in the `src` directory (except .test) file and fix all the auto fixable warning/error.\n\n## Additional Configuration File\n\n### .env.vault\n\nI have use a [Dotenv Vault](https://www.dotenv.org/) services to store the my `.env` file as `.env` file ***SHOULD NOT*** be commit and push to a respository, I figured that the dotenv vault is a great place to store such file. You could and should delete this file if you plan on using your own vault to store the `.env` file or you simply wanted a remove a needless file.\n\n### netlify.toml\n\nI deployed my application on [Netlify](https://www.netlify.com/) and use `netlify dev` to test the application. You may removed this file if you do not plan on using `netlify CLI`.\n\n## Running **`dist`** folder file locally\n\nTo run the built version locally, install the following package (globally on your machine).\n\n```bash\nnpm install -g http-server\n```\n\nUse the following command in the `dist` folder to start the server locally.\n\n```bash\nhttp-server\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falstonchan%2Ftasktrackee","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falstonchan%2Ftasktrackee","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falstonchan%2Ftasktrackee/lists"}