{"id":13406233,"url":"https://github.com/MaximBuz/heazy-svg-creator","last_synced_at":"2025-03-14T10:32:47.571Z","repository":{"id":39918633,"uuid":"485881103","full_name":"MaximBuz/heazy-svg-creator","owner":"MaximBuz","description":"A design studio for vector illustrations. Built with React, Node and GraphQL.","archived":false,"fork":false,"pushed_at":"2023-07-18T08:35:43.000Z","size":56612,"stargazers_count":164,"open_issues_count":0,"forks_count":10,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-07-31T19:50:35.676Z","etag":null,"topics":["design","react","svg","svg-animations"],"latest_commit_sha":null,"homepage":"https://heazystudio.com/","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/MaximBuz.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}},"created_at":"2022-04-26T17:18:05.000Z","updated_at":"2024-07-04T17:01:55.000Z","dependencies_parsed_at":"2024-01-18T23:16:22.303Z","dependency_job_id":null,"html_url":"https://github.com/MaximBuz/heazy-svg-creator","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/MaximBuz%2Fheazy-svg-creator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaximBuz%2Fheazy-svg-creator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaximBuz%2Fheazy-svg-creator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaximBuz%2Fheazy-svg-creator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MaximBuz","download_url":"https://codeload.github.com/MaximBuz/heazy-svg-creator/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243562232,"owners_count":20311244,"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":["design","react","svg","svg-animations"],"created_at":"2024-07-30T19:02:24.784Z","updated_at":"2025-03-14T10:32:47.564Z","avatar_url":"https://github.com/MaximBuz.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003cdiv id=\"top\"\u003e\u003c/div\u003e\n\n\u003c!-- PROJECT SHIELDS --\u003e\n[![LinkedIn][linkedin-shield]][linkedin-url]\n\n\n\n\n\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://heazy.studio/\"\u003e\n    \u003cimg src=\"public/favicon.ico\" alt=\"Logo\" width=\"60\" height=\"60\"\u003e\n  \u003c/a\u003e\n\n  \u003ch4 align=\"center\"\u003eheazy.studio\u003c/h4\u003e\n\n  \u003cp align=\"center\"\u003e\n    Generate stylish SVG design assets with ease.\n    \u003cbr/\u003e\n    Developed by \u003ca href=\"https://www.linkedin.com/in/maxim-buz-17a2a717b/\"\u003eMaxim Buz\u003c/a\u003e\n    \u003cbr/\u003e\n    \u003ca href=\"https://www.youtube.com/watch?v=58rATWqcFxo\"\u003eYouTube Showcase\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n## About The Project\n\n[![Product Name Screen Shot][product-screenshot]](https://heazy.studio/)\n\nHeazy let's you generate cool SVG designs for your website projects (and presentations, if thats your thing).\nEasily generate unique and funky vector graphics within minutes right inside your browser, without having to learn any advanced tools like Adobe Illustrator. Create a user account to save your very own design templates and explore the desings other users have made public.\n\nYou can download any design in PNG and SVG, or copy code snippets for your JavaScript or TypeScript React projects.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n### Built With\n\nheazy.studio was created by using the following awesome tools:\n\nFrontend:\u003cbr/\u003e\n* [TypeScript](https://www.typescriptlang.org/)\n* [React.js](https://reactjs.org/)\n* [React Query](https://react-query.tanstack.com/)\n* [Chakra UI](https://chakra-ui.com/)\n\nBackend:\u003cbr/\u003e\n* [TypeScript](https://www.typescriptlang.org/)\n* [Node / Express](https://expressjs.com/)\n* [GraphQL](https://graphql.org/)\n* [Prisma](https://www.prisma.io/)\n* [PostgreSQL](https://www.postgresql.org/)\n\nAuthentication, Image Storage and Analytics:\n* [Firebase](https://firebase.google.com/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- INSTALLATION --\u003e\n## Run locally\n\n### Firebase\n* Visit \u003ca href=\"https://firebase.google.com/\"\u003eFirebase\u003c/a\u003e and add a new project\n* Make sure to enable Google Analytics\n* As soon as the project was set up by Google, click on \"Add Firebase to your web app\" and give it a nickname\n* Leave \"Firebase hosting\" unchecked\n* Inside your local repo, go into \u003ccode\u003e./src/firebase/index.ts\u003c/code\u003e and switch out \u003ccode\u003efirebaseConfig\u003c/code\u003e with the new API keys provided by Firebase\n* Back on the firebase website click on \"continue to console\" and add Authentication and Storage to your project\n\n### Frontend\n```bash\nnpm install\n```\n(fyi: due to the use of Chakra UI and the recent update of React 18, you will receive some npm warnings)\n```bash\nnpm start\n```\n\n### Backend\n```bash\ncd server \u0026\u0026 npm install\n```\n```bash\ntouch .env\n```\n* Make sure you have a running postgres server and have all connection information available to you\n* Visit \u003ca href=\"https://firebase.google.com/\"\u003eFirebase\u003c/a\u003e, go to project settings \u003e Service accounts and generate a new private key\n* Open the generated file and copy all its contents\n* open the .env file and add the following environment variables\n```bash\nDATABASE_URL=\"postgresql://DB_USERNAME:DB_PASSWORD@HOST:5432/heazy?schema=public\"\nGOOGLE_CREDS=paste_firebase_full_object_here\nPORT=4000\n```\n* To setup the database, run the following command\n```bash\nnpx prisma migrate dev --name init\n```\n```bash\nnpm run start\n```\n\nNow you should have frontend and backend up and running!\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\u003c!-- CONTACT --\u003e\n## Contact\n\nMaxim Buz - [LinkedIn](https://www.linkedin.com/in/maxim-buz-17a2a717b/) - mbuz.maxim@gmail.com\n\nProject Link: [https://github.com/MaximBuz/heazy-svg-creator](https://github.com/MaximBuz/heazy-svg-creator)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n\u003c!-- MARKDOWN LINKS \u0026 IMAGES --\u003e\n\u003c!-- https://www.markdownguide.org/basic-syntax/#reference-style-links --\u003e\n[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge\u0026logo=linkedin\u0026colorB=555\n[linkedin-url]: https://www.linkedin.com/in/maxim-buz-17a2a717b/\n[product-screenshot]: ./github-screenshot.png\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMaximBuz%2Fheazy-svg-creator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMaximBuz%2Fheazy-svg-creator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMaximBuz%2Fheazy-svg-creator/lists"}