{"id":20947504,"url":"https://github.com/rihanarfan/bereal-web","last_synced_at":"2026-03-16T16:08:21.695Z","repository":{"id":65537409,"uuid":"536603262","full_name":"RihanArfan/bereal-web","owner":"RihanArfan","description":"Web version of BeReal - WIP","archived":false,"fork":false,"pushed_at":"2024-05-02T13:07:56.000Z","size":10044,"stargazers_count":6,"open_issues_count":21,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-05-03T00:53:51.788Z","etag":null,"topics":["bereal","cloudflare-pages","cloudflare-workers","nuxt","tailwindcss","tanstack-query","typescript","vue","vueuse"],"latest_commit_sha":null,"homepage":"https://bereal.pages.dev","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RihanArfan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-09-14T13:57:11.000Z","updated_at":"2024-04-27T14:08:02.000Z","dependencies_parsed_at":"2024-01-20T05:29:36.140Z","dependency_job_id":"36be90c8-7466-41b5-8e70-e44db18242d8","html_url":"https://github.com/RihanArfan/bereal-web","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/RihanArfan%2Fbereal-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RihanArfan%2Fbereal-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RihanArfan%2Fbereal-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RihanArfan%2Fbereal-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RihanArfan","download_url":"https://codeload.github.com/RihanArfan/bereal-web/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225270659,"owners_count":17447635,"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":["bereal","cloudflare-pages","cloudflare-workers","nuxt","tailwindcss","tanstack-query","typescript","vue","vueuse"],"created_at":"2024-11-19T00:11:50.618Z","updated_at":"2026-03-16T16:08:16.659Z","avatar_url":"https://github.com/RihanArfan.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# BeReal\n\n[BeReal](https://bereal.com) 📸🕑⏳ as a progressive web app. - https://bereal.pages.dev\n\n\u003e 📢 This project is undergoing a major rewrite and currently does not work.\n\n### What is BeReal\n\n[BeReal](https://bereal.com) is the simplest photo sharing app to share once a day your real life in photo with friends.\nEvery day at a different time, everyone captures a photo within 2 minutes.\nCapture and post in time to discover what your Friends are up to.\n\n### Why does BeReal Web exist\n\nBeReal's Android app was originally _really_ poorly designed, unlike their iOS app. I took it upon myself to create a platform agnostic PWA using their iOS app design. Since starting the project, BeReal's Android app UI has been updated to match their iOS app (🎉).\n\nThis project still exists since it works on any device, including laptops and tablets.\n\n## Preview\n\n### Sketches\n\n![BeReal Web Wireframe by @RihanArfan](https://github.com/RihanArfan/bereal-web/blob/master/.github/misc/bereal-web-wireframe.png?raw=true)\n\n## Built with:\n\n- [Nuxt 3 (+ Vue.js)](https://nuxt.com/)\n- [Nuxt Image](https://image.nuxt.com/)\n- [Shadcn for Vue](https://shadcn-vue.com/)\n- [TailwindCSS](https://tailwindcss.com/)\n- [TanStack Query](https://tanstack.com/query/v5)\n- [VueUse](https://vueuse.org/)\n- [Vite PWA](https://vite-pwa-org.netlify.app/)\n- [Cloudflare Pages](https://pages.cloudflare.com/)\n\n## Developing\n\nBeReal does not offer a public API and made it difficult to find values their source code, so they aren't include in this source code. BeReal Web handles these values server side only through environment variables. If you need them, you're probably technical enough to find them yourself, at which point [also look here](https://boards.eu.greenhouse.io/bereal).\n\n### Recommended IDE Setup\n\n[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)\n\nIn editors, we need to make the TypeScript language service aware of `.vue` types. We'll use Volar's [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669). You can enable it by the following steps:\n\n1. Disable the built-in TypeScript Extension\n   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette\n   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`\n2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.\n\n### Install Dependencies\n\nMake sure to install the dependencies:\n\n```bash\npnpm install\n```\n\n### Development Server\n\nStart the development server on `http://localhost:3000`\n\n```bash\npnpm run dev\n```\n\n### Production\n\nBuild the application for production:\n\n```bash\npnpm run build\n```\n\nLocally preview production build:\n\n```bash\nnpm run preview\n```\n\nCheck out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.\n\n### Lint with [ESLint](https://eslint.org/)\n\n```sh\npnpm run lint\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frihanarfan%2Fbereal-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frihanarfan%2Fbereal-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frihanarfan%2Fbereal-web/lists"}