{"id":16293593,"url":"https://github.com/badsyntax/mailinabox-ui","last_synced_at":"2026-03-14T03:03:22.404Z","repository":{"id":41966721,"uuid":"275024295","full_name":"badsyntax/mailinabox-ui","owner":"badsyntax","description":"Experimental Mail-in-a-Box User Interface built with React, Redux, TypeScript \u0026 Fluent UI","archived":false,"fork":false,"pushed_at":"2023-10-23T18:18:27.000Z","size":3736,"stargazers_count":22,"open_issues_count":4,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-17T14:22:06.850Z","etag":null,"topics":["fluent-ui","mail-in-a-box","mailinabox","react","redux","typescript"],"latest_commit_sha":null,"homepage":"https://badsyntax.github.io/mailinabox-ui/","language":"TypeScript","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/badsyntax.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":"2020-06-25T22:08:00.000Z","updated_at":"2024-02-10T05:10:41.000Z","dependencies_parsed_at":"2024-10-27T21:44:39.614Z","dependency_job_id":"8b35e0d5-883c-4082-87eb-cd365c00ca7e","html_url":"https://github.com/badsyntax/mailinabox-ui","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/badsyntax%2Fmailinabox-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/badsyntax%2Fmailinabox-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/badsyntax%2Fmailinabox-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/badsyntax%2Fmailinabox-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/badsyntax","download_url":"https://codeload.github.com/badsyntax/mailinabox-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244543794,"owners_count":20469562,"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":["fluent-ui","mail-in-a-box","mailinabox","react","redux","typescript"],"created_at":"2024-10-10T20:11:49.881Z","updated_at":"2026-03-14T03:03:22.309Z","avatar_url":"https://github.com/badsyntax.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mail-in-a-Box User Interface\n\n![Build and Publish](https://github.com/badsyntax/mailinabox-ui/workflows/Build%20and%20Publish/badge.svg)\n\nAn experimental SPA user interface for [Mail-in-a-Box](https://mailinabox.email/), using the following tools:\n\n- React \u0026 Redux\n- TypeScript\n- [Fluent UI](https://github.com/microsoft/fluentui) design system\n- [Mail-in-a-Box API client](https://github.com/badsyntax/mailinabox-api)\n\n**NOTE**: This is very much alpha software, use at your own risk. See [FEATURES.md](https://github.com/badsyntax/mailinabox-ui/blob/master/FEATURES.md) for missing features.\n\n## Screenshots\n\n👉 [View Screenshots](https://github.com/badsyntax/mailinabox-ui/wiki/Screenshots)\n\n## Demo\n\n👉 [View Demo](https://badsyntax.github.io/mailinabox-ui/)\n\nThe demo uses a mock API, you can perform any action.\n\n## Running Locally\n\n### Requirements\n\n- Node.js\n\n### Instructions\n\n1. Clone the repo\n2. Copy `src/config/config.example.json` to `src/config/config.json` and\n   - Update the `hostname` field, or\n   - If you want to use a mock API, set `mockApi` to `true`\n3. From the root of the project:\n   1. Run `npm install`\n   2. Run `npm start`\n\nAll API requests sent from the browser are proxied to your box instance via a backend Node.js server to bypass CORS restrictions.\n\n## Running in Production\n\nDownload the latest production release here: https://github.com/badsyntax/mailinabox-ui/releases/latest\n\n(I'll add instructions on how to deploy to a Mail-in-a-Box instance in the future.)\n\n## Related Projects\n\nThis project uses a [Mail-in-a-Box API client SDK](https://www.npmjs.com/package/mailinabox-api), generated by https://github.com/badsyntax/mailinabox-api.\n\n## Features\n\nSee [FEATURES.md](./FEATURES.md)\n\n## License\n\nSee [LICENSE.md](./LICENSE.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbadsyntax%2Fmailinabox-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbadsyntax%2Fmailinabox-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbadsyntax%2Fmailinabox-ui/lists"}