{"id":22814773,"url":"https://github.com/irfnd/fe-masakin-app","last_synced_at":"2026-05-03T10:38:18.585Z","repository":{"id":110594865,"uuid":"530169584","full_name":"irfnd/fe-masakin-app","owner":"irfnd","description":"Masakin App (Frontend) - \"A place to find inspiration for cooking recipes anywhere and anytime\"","archived":false,"fork":false,"pushed_at":"2022-09-12T02:26:28.000Z","size":9540,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-26T20:44:09.804Z","etag":null,"topics":["chakra-ui","javascript","react","vercel"],"latest_commit_sha":null,"homepage":"https://masakin-app.vercel.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/irfnd.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":"2022-08-29T10:27:43.000Z","updated_at":"2024-03-25T11:50:32.000Z","dependencies_parsed_at":"2024-02-21T21:48:14.101Z","dependency_job_id":null,"html_url":"https://github.com/irfnd/fe-masakin-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/irfnd/fe-masakin-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/irfnd%2Ffe-masakin-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/irfnd%2Ffe-masakin-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/irfnd%2Ffe-masakin-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/irfnd%2Ffe-masakin-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/irfnd","download_url":"https://codeload.github.com/irfnd/fe-masakin-app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/irfnd%2Ffe-masakin-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32566444,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: 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":["chakra-ui","javascript","react","vercel"],"created_at":"2024-12-12T13:10:21.195Z","updated_at":"2026-05-03T10:38:18.570Z","avatar_url":"https://github.com/irfnd.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!-- PROJECT LOGO --\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cp\u003e\n    \u003cimg src=\"https://firebasestorage.googleapis.com/v0/b/masakin-app-irfnd.appspot.com/o/documentations%2Fmain-banner.png?alt=media\u0026token=d88c4590-775a-4292-b1bb-7eaec79a4539\" alt=\"Logo\" width=\"auto\"\u003e\n  \u003c/p\u003e\n\n  \u003ch3 align=\"center\"\u003eMasakin App (Frontend)\u003c/h3\u003e\n  \u003ci\u003e\u003ch4 align=\"center\"\u003eA place to find inspiration for cooking recipes anywhere and anytime\u003c/h4\u003e\u003c/i\u003e\n\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"https://masakin-app.vercel.app/\"\u003eView Demo\u003c/a\u003e\n    |\n    \u003ca href=\"https://github.com/irfnd/fe-masakin-app/issues\"\u003eReport Bug\u003c/a\u003e\n    |\n    \u003ca href=\"https://github.com/irfnd/fe-masakin-app/issues\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n\n## About The Project\n\n**Masakin App** is a simple website that provides a variety of user-entered recipes, the recipes provided display ingredients and cooking stages with videos. Users can leave comments for the displayed recipes. In addition, users can also give likes and save the recipes they want.\n\n### Built With\n\nThis app was built with some technologies below:\n\n[![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge\u0026logo=javascript\u0026logoColor=F7DF1E)](https://www.ecma-international.org/publications-and-standards/standards/)\n[![React](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)](https://reactjs.org/)\n[![Chakra UI](https://img.shields.io/badge/Chakra--UI-319795?style=for-the-badge\u0026logo=chakra-ui\u0026logoColor=white)](https://chakra-ui.com/)\n[![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge\u0026logo=vercel\u0026logoColor=white)](https://vercel.com/)\n\n\u003c!-- GETTING STARTED --\u003e\n\n## Getting Started\n\n### Prerequisites\n\nBefore going to the installation stage there are some software that must be installed first.\n\n[![Node JS](https://img.shields.io/badge/Node.js-339933?style=for-the-badge\u0026logo=nodedotjs\u0026logoColor=white)](https://nodejs.org/en/download)\n\n### Optional\n\nYou can install yarn package manager for your project\n\n[![Yarn](https://img.shields.io/badge/Yarn-2C8EBB?style=for-the-badge\u0026logo=yarn\u0026logoColor=white)](https://yarnpkg.com/)\n\n### Installation\n\nIf you want to run this project locally, I recommend you to configure the [backend](https://github.com/irfnd/be-masakin-app/) first before configuring this frontend repo.\n\n- Clone this repo\n\n```bash\ngit clone https://github.com/irfnd/fe-masakin-app\n```\n\n- Go to folder repo\n\n```bash\ncd fe-masakin-app\n```\n\n- Install packages\n\n```bash\nnpm install\n```\n\n- or install packages with yarn\n\n```bash\nyarn\n```\n\n- \u003ca href=\"#setup-environment\"\u003eSetup Environment\u003c/a\u003e\n- Type `npm run start` or `yarn start` to start project\n- Type `npm run build` or `yarn build` to build production\n\n### Setup Environment\n\n- Read `.env.example` to get all detail environment for this project.\n- Create your `.env` file based on .env.example\n- Put `.env` to root project folder\n- Example:\n\n```\nREACT_APP_MODE_ENV=[production/development]\nREACT_APP_REST_API=[your-deployed-backend]\nREACT_APP_REST_API_LOCAL=[your-local-backend]\n```\n\n## Screenshots\n\n\u003cp align=\"center\" display=flex\u003e\n   \n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimage src=\"https://firebasestorage.googleapis.com/v0/b/masakin-app-irfnd.appspot.com/o/documentations%2Fregister.png?alt=media\u0026token=58ffc058-4841-4857-a8bf-f206b0ce183d\" alt=\"Register Page\" width=100%/\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimage src=\"https://firebasestorage.googleapis.com/v0/b/masakin-app-irfnd.appspot.com/o/documentations%2Flogin.png?alt=media\u0026token=1ac1b6c0-58e2-4b2f-93c1-a050819e5c09\" alt=\"Login Page\" width=100%\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eRegister Page\u003c/td\u003e\n    \u003ctd\u003eLogin Page\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimage src=\"https://firebasestorage.googleapis.com/v0/b/masakin-app-irfnd.appspot.com/o/documentations%2Flanding-no-login.png?alt=media\u0026token=6df88451-942a-445b-8f3b-85063ffa385d\" alt=\"Home (without login)\" width=100%\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimage src=\"https://firebasestorage.googleapis.com/v0/b/masakin-app-irfnd.appspot.com/o/documentations%2Flanding-login.png?alt=media\u0026token=6fb25e87-a14c-425a-a341-1bbb6a866ea1\" alt=\"Home (with login)\" width=100%/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eHome (without login)\u003c/td\u003e\n    \u003ctd\u003eHome (with login)\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimage src=\"https://firebasestorage.googleapis.com/v0/b/masakin-app-irfnd.appspot.com/o/documentations%2Fprofile.png?alt=media\u0026token=31addd5b-a996-4c86-b321-7ab7b5e82396\" alt=\"Profile + My Recipes\" width=100%\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimage src=\"https://firebasestorage.googleapis.com/v0/b/masakin-app-irfnd.appspot.com/o/documentations%2Fliked-recipe.png?alt=media\u0026token=fa6b1b27-e2c9-419d-96b9-4503abd7d43d\" alt=\"Liked Recipes\" width=100%/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eProfile + My Recipes\u003c/td\u003e\n    \u003ctd\u003eLiked Recipes\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimage src=\"https://firebasestorage.googleapis.com/v0/b/masakin-app-irfnd.appspot.com/o/documentations%2Fsaved-recipe.png?alt=media\u0026token=ac914a27-8cfb-49c6-89c9-c224bcd10a38\" alt=\"Saved Recipes\" width=100%\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimage src=\"https://firebasestorage.googleapis.com/v0/b/masakin-app-irfnd.appspot.com/o/documentations%2Fadd-recipe.png?alt=media\u0026token=74ed70e5-9ace-4418-a9c7-b48565a8f761\" alt=\"Add Recipes\" width=100%/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eSaved Recipes\u003c/td\u003e\n    \u003ctd\u003eAdd Recipes\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimage src=\"https://firebasestorage.googleapis.com/v0/b/masakin-app-irfnd.appspot.com/o/documentations%2Fsearch-recipe.png?alt=media\u0026token=5acdf806-0caf-4ae2-8c3d-8e586f0db09d\" alt=\"Search Recipes\" width=100%\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimage src=\"https://firebasestorage.googleapis.com/v0/b/masakin-app-irfnd.appspot.com/o/documentations%2Fdetail-recipe.png?alt=media\u0026token=f35ef728-e69c-4ae1-9374-8d1d7010173d\" alt=\"Detail Recipes\" width=100%/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eSearch Recipes\u003c/td\u003e\n    \u003ctd\u003eDetail Recipes\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n      \n\u003c/p\u003e\n\n## Contributing\n\nContributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\n1. Fork the Project\n2. Create your Feature Branch `git checkout -b feature/AmazingFeature`\n3. Commit your Changes `git commit -m 'Add some AmazingFeature'`\n4. Push to the Branch `git push origin feature/AmazingFeature`\n5. Open a Pull Request\n\n## License\n\nDistributed under the [MIT](/LICENSE) License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Firfnd%2Ffe-masakin-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Firfnd%2Ffe-masakin-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Firfnd%2Ffe-masakin-app/lists"}