{"id":13550282,"url":"https://github.com/bmcmahen/julienne","last_synced_at":"2025-08-21T09:32:54.821Z","repository":{"id":38975025,"uuid":"176212511","full_name":"bmcmahen/julienne","owner":"bmcmahen","description":"Sample app for sharing recipes built with React, Typescript, Firebase and Sancho","archived":false,"fork":false,"pushed_at":"2022-12-09T17:48:47.000Z","size":3039,"stargazers_count":165,"open_issues_count":50,"forks_count":31,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-08-16T00:25:43.317Z","etag":null,"topics":["firebase","react"],"latest_commit_sha":null,"homepage":"https://julienne.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bmcmahen.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}},"created_at":"2019-03-18T05:47:27.000Z","updated_at":"2025-04-24T03:25:02.000Z","dependencies_parsed_at":"2022-09-19T15:11:03.168Z","dependency_job_id":null,"html_url":"https://github.com/bmcmahen/julienne","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bmcmahen/julienne","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bmcmahen%2Fjulienne","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bmcmahen%2Fjulienne/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bmcmahen%2Fjulienne/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bmcmahen%2Fjulienne/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bmcmahen","download_url":"https://codeload.github.com/bmcmahen/julienne/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bmcmahen%2Fjulienne/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271455663,"owners_count":24762771,"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","status":"online","status_checked_at":"2025-08-21T02:00:08.990Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["firebase","react"],"created_at":"2024-08-01T12:01:31.083Z","updated_at":"2025-08-21T09:32:54.456Z","avatar_url":"https://github.com/bmcmahen.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Julienne\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://julienne.app\"\u003e\n    \u003cimg\n    max-width=\"600px\"\n    alt=\"Julienne screenshot showing a list of recipes on the left, and a recipe on the right.\"\n     src=\"https://raw.githubusercontent.com/bmcmahen/julienne/master/julienne.jpg\"\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\u003cbr /\u003e\n\nJulienne is a web app that allows you to share recipes with family and friends.\n\nIt's built using the [Sancho-UI](https://github.com/bmcmahen/sancho) design system, Firebase, Typescript, React and Emotion.\n\n[Try it out here](https://julienne.app/).\n\n## How this code works\n\nI'm writing a series of blog posts explaining the code that goes into this project. I'll be adding them here and on my blog when time permits.\n\n**1. [Introducing Sancho UI](https://benmcmahen.com/introducing-sancho/)**\n\n**2. [Using Firebase with React Hooks](https://benmcmahen.com/using-firebase-with-react-hooks/)**\n\n**3. [Building React Components with Gesture Support](https://benmcmahen.com/building-react-components-with-gesture-support/)**\n\n**4. [A Beginner's Guide to using Typescript with React](https://benmcmahen.com/beginners-guide-to-typescript-with-react/)**\n\n## Running locally\n\nThis project is built using `create-react-app`, typescript, and firebase. To get it running properly, you'll need to create your own firebase application and export your firebase configuration in a file at `src/firebase-config.ts`. The config should include algolia configuration, and look something like this:\n\n```js\n// src/firebase-config.ts\nconst config = {\n  apiKey: \"myapikey\",\n  authDomain: \"my-auth-domain.firebaseapp.com\",\n  databaseURL: \"my-db-url.com\",\n  projectId: \"my-pid\",\n  storageBucket: \"my-storage-bucket\",\n  messagingSenderId: \"my-sender-id\",\n  ALGOLIA_APP_ID: \"my-app-id\",\n  ALGOLIA_USER_SEARCH_KEY: \"my-user-search-key\"\n};\n\nexport default config;\n```\n\nYou'll also need to install the local dependencies using Yarn or NPM.\n\n```\nyarn\n```\n\nYou'll need to either deploy the functions or emulate them locally. Finally, you can run it:\n\n```\nyarn start\n```\n\nThis runs the app in the development mode.\u003cbr\u003e\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\n## Deploying\n\nUse firebase-cli to initalize a project in the root directory. Then build your project and deploy.\n\n```\nyarn run build\nfirebase deploy\n```\n\n## License\n\nBSD 3-Clause, see the LICENSE file.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbmcmahen%2Fjulienne","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbmcmahen%2Fjulienne","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbmcmahen%2Fjulienne/lists"}