{"id":13539897,"url":"https://github.com/Codeinwp/logo-maker","last_synced_at":"2025-04-02T06:31:38.875Z","repository":{"id":40563630,"uuid":"304006162","full_name":"Codeinwp/logo-maker","owner":"Codeinwp","description":"Another Logo Maker app made for fun and profit.","archived":false,"fork":false,"pushed_at":"2024-12-12T21:31:01.000Z","size":65459,"stargazers_count":77,"open_issues_count":10,"forks_count":25,"subscribers_count":10,"default_branch":"main","last_synced_at":"2025-03-31T07:04:33.082Z","etag":null,"topics":["logo-maker","plugin","typescript","wordpress"],"latest_commit_sha":null,"homepage":"https://themeisle.com/logo-maker/","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/Codeinwp.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":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-10-14T12:20:22.000Z","updated_at":"2025-03-07T10:44:21.000Z","dependencies_parsed_at":"2024-08-01T09:23:46.984Z","dependency_job_id":"8b5cbe88-7cad-4fcd-9217-9b177302570b","html_url":"https://github.com/Codeinwp/logo-maker","commit_stats":null,"previous_names":[],"tags_count":18,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Codeinwp%2Flogo-maker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Codeinwp%2Flogo-maker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Codeinwp%2Flogo-maker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Codeinwp%2Flogo-maker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Codeinwp","download_url":"https://codeload.github.com/Codeinwp/logo-maker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246768166,"owners_count":20830618,"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":["logo-maker","plugin","typescript","wordpress"],"created_at":"2024-08-01T09:01:33.642Z","updated_at":"2025-04-02T06:31:38.845Z","avatar_url":"https://github.com/Codeinwp.png","language":"TypeScript","readme":"# Logo Maker\n\nLogo Maker is a react app built with [Typescript](https://www.typescriptlang.org/) created for designing simple logos.\n\n![Live Build](https://github.com/Codeinwp/logo-maker/workflows/Deploy%20on%20live/badge.svg)\n![Staging Build](https://github.com/Codeinwp/logo-maker/workflows/Deploy%20on%20staging/badge.svg)\n\n## Installation on WordPress\n\nThe easy way: go to `/development` and download the zip file, then upload it on the website in `wp-admin/plugins.php`\n\nThe hard way: go to the plugin folder of the WordPress and then `git clone https://github.com/Codeinwp/logo-maker.git`\n\n**To make the `back button` on the Start page work, you need to assign in WordPress a parent page to the page that host the Logo Maker.**\n\n**Make sure that the page that hosts the Logo Maker is empty.**\n\n## Getting starter on development\n\n**Don't forget to read the Architecture to see details about the code.**\n**For developing in the plugin mod, you need to have a WordPress site installed on the computer or in a container.**\n\nBefore you venture into the development of the Logo Maker, you need to have:\n\n-   [Node Js](https://nodejs.org/en/) with npm \u0026 npx - available in the docker container\n-   [Git](https://git-scm.com/) - available in the docker container\n-   Text Editor / IDE (see Recommended Tools)\n\n### Developing in containers\n\nWith Docker, you can develop the app in standalone and plugin mode. Docker will create two containers: a WordPress server and a database server by running `docker-compose up`. For working in these containers, you need to have tools that work remotely. Visual Studio Code can give you a seamless experience with the (Docker plugin)[https://code.visualstudio.com/docs/containers/overview] - with one click; you can start developing.\n\n#### Connecting with terminal\n\n```bash\ndocker exec -it otter-blocks_wordpress_1 bash # enter in the WordPress server and acces the bash shell\ncd /var/www/html/wp-content/plugins/logo-maker # go the location of the project\n```\n\n## Installation\n\n**If you are using the Docker compose file in this project, skip the download part and install the npm packages.**\n\nUsing npm\n\n```bash\ngit clone https://github.com/Codeinwp/logo-maker.git\ncd logo-maker\nnpm install\n```\n\nUsing [pnpm](https://pnpm.js.org/) (recommended)\n\n```bash\ngit clone https://github.com/Codeinwp/logo-maker.git\ncd logo-maker\npnpm install\n```\n\nUsing yarn\n\n```bash\ngit clone https://github.com/Codeinwp/logo-maker.git\ncd logo-maker\nyarn install\n```\n\n## Npm Commmands\n\n~~`npm run start` - start the development server using Snowpack - it's fast and run separately from WordPress - use it for development.~~\n\n`npm run start-plugin` - start the development server in WordPress using Webpack - the project must be in `plugin` folder and activated - use it for testing the app as a block in WordPress.\n\n`npm run plugin-build` - created an optimized version for the app as a WordPress block.\n\n`npm run linux:make-zip` - this will start the `plugin-build` and pack it in a zip file in `./development` folder - use the zip to install the plugin on stagging site for testing - this will work on a system that supports Linux environment and command - **must run `./delopment/linux_setup.sh` for installing the zip command**.\n\n`npm run gen-docs` - generate the docs\n\n~~`npm run format` - format the Typescript file in `./src` folder using Prettier~~\n\n~~`npm run lint` - check for issues in the Typescript file in `./src` folder using EsLint~~\n\n## Recommended Tools\n\nThe coding style is enforced using [ESLint](https://eslint.org/) with [Standard](https://standardjs.com/) as base rules and adjusted to [Typescript](https://www.typescriptlang.org/).\n\n[![js-standard-style](https://cdn.rawgit.com/standard/standard/master/badge.svg)](http://standardjs.com)\n\n[Prettier](https://prettier.io/) is used for formating and is [integrated with ESLint](https://github.com/prettier/eslint-config-prettier) (some rules might be disabled in case of conflict).\n\n### IDE / Text Editor\n\n-   Visual Studio Code\n\n    -   Plugins\n        -   ESLint\n        -   Prettier\n        -   Git Graphs\n        -   Git Lens\n        -   Gruvbox Minor\n        -   Path Intellisense\n        -   vscode-icons\n        -   Visual Studio IntelliCode\n        -   Docker\n\n-   WebStorm\n\n### Shells\n\n-   fish\n-   zsh\n-   bash\n\n## Resources for learning\n\n### React\n\n-   https://reactjs.org/\n-   https://egghead.io/instructors/dan-abramov\n-   [Not Free] https://www.udemy.com/course/react-redux/\n-   https://react-typescript-cheatsheet.netlify.app/docs/basic/setup\n-   https://react-tutorial.app/\n-   https://www.freecodecamp.org/learn/front-end-libraries/react/\n-   https://www.youtube.com/watch?v=DLX62G4lc44\n\n### Typescript\n\n-   https://www.typescriptlang.org/docs/handbook/intro.html\n-   [Not Free] https://www.udemy.com/course/typescript-the-complete-developers-guide/\n-   https://jcemer.com/types-in-javascript-what-you-should-care.html\n-   https://serokell.io/blog/why-typescript\n-   https://www.youtube.com/watch?v=BwuLxPH8IDs\n-   https://www.youtube.com/watch?v=BnIhk4igd8I\n-   https://www.youtube.com/watch?v=IXAT3If0pGI\n\n## Contributing\n\nPull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.\n\nPlease make sure to update tests as appropriate.\n\n## License\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FCodeinwp%2Flogo-maker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FCodeinwp%2Flogo-maker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FCodeinwp%2Flogo-maker/lists"}