{"id":17973830,"url":"https://github.com/humpherson/blueprint-app","last_synced_at":"2026-04-14T14:32:20.758Z","repository":{"id":260096280,"uuid":"878867555","full_name":"humpherson/blueprint-app","owner":"humpherson","description":"This is a web application built with Next.js that allows users to create, edit, and manage service blueprints. The app is designed to be simple yet powerful, providing users with the ability to add, reorder, and modify stages in a service blueprint, and export their work to PDF or JSON.","archived":false,"fork":false,"pushed_at":"2025-02-20T10:59:04.000Z","size":253494,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-03T23:29:35.678Z","etag":null,"topics":["emoji-dictionary","html2pdf","json","local","nextjs","pdf-generation","postcss","reac","react-dom","react-icons","reactjs","tailwind","tailwindcss"],"latest_commit_sha":null,"homepage":"https://blueprint.objetd.co.uk/","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/humpherson.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2024-10-26T10:26:12.000Z","updated_at":"2024-10-28T12:45:03.000Z","dependencies_parsed_at":"2025-04-03T23:36:44.346Z","dependency_job_id":null,"html_url":"https://github.com/humpherson/blueprint-app","commit_stats":null,"previous_names":["humpherson/blueprint-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/humpherson/blueprint-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humpherson%2Fblueprint-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humpherson%2Fblueprint-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humpherson%2Fblueprint-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humpherson%2Fblueprint-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/humpherson","download_url":"https://codeload.github.com/humpherson/blueprint-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humpherson%2Fblueprint-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31801309,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T11:13:53.975Z","status":"ssl_error","status_checked_at":"2026-04-14T11:13:53.299Z","response_time":153,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["emoji-dictionary","html2pdf","json","local","nextjs","pdf-generation","postcss","reac","react-dom","react-icons","reactjs","tailwind","tailwindcss"],"created_at":"2024-10-29T17:03:30.915Z","updated_at":"2026-04-14T14:32:20.737Z","avatar_url":"https://github.com/humpherson.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Service Blueprint App\n\nThis is a web application built with [Next.js](https://nextjs.org) that allows users to create, edit, and manage service blueprints. The app is designed to be simple yet powerful, providing users with the ability to add, reorder, and modify stages in a service blueprint, and export their work to PDF or JSON.\n\n## Features\n\n- **Interactive Stage Management**: Add, edit, delete, and reorder stages.\n- **Customizable Blueprints**: Modify various details of each stage.\n- **Export Options**: Save blueprints as PDF or JSON files.\n- **Responsive Design**: Optimized for various screen sizes.\n- **Offline Storage**: Blueprints are saved locally using `localStorage`.\n\n## Getting Started\n\n### Prerequisites\n\nTo run this application locally, ensure you have the following installed:\n\n- Node.js (v14 or later)\n- npm (v6 or later)\n\n### Installation\n\nClone the repository and navigate to the project directory:\n\n```bash\ngit clone https://github.com/humpherson/blueprint-app.git\ncd blueprint-app``\n```\n\nInstall the dependencies:\n\n```bash\nnpm install\n```\n\n### Development\n\nTo start the development server, run:\n\n```bash\nnpm run dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) in your browser to see the app.\n\nThe app will automatically reload when you make changes to the code.\n\n### Building for Production\n\nTo build the app for production:\n\n```bash\nnpm run build\n```\n\nTo start the production server after building:\n\n```bash\nnpm run start\n```\n\n### Deployment\n\nThe app is deployed using GitHub Pages on a custom domain [https://www.objetd.co.uk](https://www.objetd.co.uk). The deployment is configured with a custom `next.config.mjs` to handle static paths correctly.\n\nTo deploy to GitHub Pages:\n\n1.  Ensure your `next.config.mjs` is correctly set up to use the `assetPrefix` and `basePath` configurations.\n\n2.  Run:\n    ```bash\n    npm run build\n    npm run export\n    ```\n3.  Push the changes to the `gh-pages` branch of your repository.\n\n## Libraries and Frameworks\n\n### Core Framework\n\n- **[Next.js](https://nextjs.org/)**: React-based framework for building server-side and static web applications.\n\n### UI Libraries\n\n- **[Tailwind CSS](https://tailwindcss.com/)**: Utility-first CSS framework for styling.\n- **React Icons**: Icon library used for stage controls (Edit, Delete, Left, Right).\n\n### Other Libraries\n\n- **[html2pdf.js](https://github.com/eKoopmans/html2pdf.js/)**: Used for exporting blueprints as PDF.\n- **react-icons**: Provides icons for the UI.\n\n## Technical Design\n\n### Blueprint Management\n\nThe app uses a **local state** approach for managing blueprints, with each stage in a blueprint represented as an object containing details such as position, name, and actions. The data is stored in `localStorage` to persist user inputs across sessions.\n\n### Reordering and Editing\n\nReordering is facilitated by dynamically adjusting the `position` property, which allows stages to be moved up or down. Changes are saved immediately to ensure consistency.\n\n### PDF and JSON Export\n\nBlueprints can be exported as PDFs for easy sharing, using the `html2pdf.js` library. Users can also download the blueprint as a JSON file, which can be re-uploaded later to restore the same configuration.\n\n## Contributing\n\nContributions are welcome! Feel free to open an issue or submit a pull request if you have ideas for new features or improvements.\n\n## License\n\nThis project is licensed under the MIT License. See the `LICENSE` file for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhumpherson%2Fblueprint-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhumpherson%2Fblueprint-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhumpherson%2Fblueprint-app/lists"}