{"id":15724127,"url":"https://github.com/shahil-yadav/web-rtc","last_synced_at":"2026-01-24T15:08:11.419Z","repository":{"id":282205771,"uuid":"837726434","full_name":"shahil-yadav/web-rtc","owner":"shahil-yadav","description":"P2P Video Calling","archived":false,"fork":false,"pushed_at":"2024-10-17T16:52:17.000Z","size":23438,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-04-23T14:45:40.017Z","etag":null,"topics":["firebase","webrtc"],"latest_commit_sha":null,"homepage":"https://vidloom.netlify.app","language":"TypeScript","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/shahil-yadav.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,"zenodo":null}},"created_at":"2024-08-03T20:50:54.000Z","updated_at":"2025-03-03T08:39:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"57137970-31d6-44ac-b5ab-02425527b13c","html_url":"https://github.com/shahil-yadav/web-rtc","commit_stats":null,"previous_names":["shahil-yadav/web-rtc"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/shahil-yadav/web-rtc","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shahil-yadav%2Fweb-rtc","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shahil-yadav%2Fweb-rtc/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shahil-yadav%2Fweb-rtc/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shahil-yadav%2Fweb-rtc/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shahil-yadav","download_url":"https://codeload.github.com/shahil-yadav/web-rtc/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shahil-yadav%2Fweb-rtc/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28730310,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-24T10:24:43.181Z","status":"ssl_error","status_checked_at":"2026-01-24T10:24:36.112Z","response_time":89,"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":["firebase","webrtc"],"created_at":"2024-10-03T22:14:55.964Z","updated_at":"2026-01-24T15:08:11.399Z","avatar_url":"https://github.com/shahil-yadav.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ⚡ vite-react-ts-tailwind-starter\n\nStarter using Vite + React + TypeScript + Tailwind with Firebase.\n\n## Motivation\n\nImprove building your faster **prototyping** by using Vite, TypeScript, React, TailwindCSS, Firebase.\n\nThis starter uses following libraries:\n\n- Vite\n- React\n  - React Router\n- TypeScript\n- Tailwind CSS\n  - daisyUI\n- Firebase(v9, modular)\n- ESLint\n- Prettier\n\n## Set up\n\n```shell\nmv .env.local.example .env.local\nyarn\nyarn dev\n```\n\n### Firebase\n\nIf you **DO NOT** use Firebase, you should do:\n\n- Delete the Firebase-related code: you check Main.tsx, SignInButton.tsx, SignOutButton.tsx.\n- And then delete `src/lib/firebase.ts`\n- Run `yarn remove firebase`\n- Remove `VITE_FIREBASE_*` env values from `.env.local`\n\nIf you want to use Firebase, you should do:\n\n- copy Firebase env values from Firebase Console, and paste them to `.env.local`.\n- enable Google Auth in Firebase Console. ref: https://firebase.google.com/docs/auth/web/google-signin#before_you_begin\n\n## Vite\n\n[Vite](https://github.com/vitejs/vite) is a fast frontend build tool. According to the [README](https://github.com/vitejs/vite/blob/main/README.md), it consists of two major parts:\n\n- A dev server that serves your source files over native ES modules, with rich built-in features and astonishingly fast Hot Module Replacement (HMR).\n- A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.\n\n## React\n\n[React](https://github.com/facebook/react) is a JavaScript library for building user interfaces.\n\nDue to its awesome renderer system, there are many [React Renderor](https://github.com/chentsulin/awesome-react-renderer). So React can be not used only Web, for example, used by [React Native](https://reactnative.dev/).\n\nLet's dive into React and Vite can use with React.\n\n## TypeScript\n\n[TypeScript](https://github.com/microsoft/TypeScript) is a superset of JavaScript. It is just one of NPM library, but it provides an original compiler.\n\nWhen you use TypeScript with React, you can write JSX with TypeScript, called TSX. Then you can develop views written by **Type-Safe** template.\n\n## Tailwind CSS\n\n[Tailwind CSS](https://tailwindcss.com/) is modern utility-first CSS framework. It provides many CSS rules, but these are purged when production builds. So developers do not worry about CSS asset size for performance optimization.\n\nIn VSCode, I recommend to use [intellisense extension](https://tailwindcss.com/docs/intellisense).\n\nFrequently, React developers are worried about how to write CSS in TSX(JSX) template. You must choose from CSS Modules, [styled-components](https://styled-components.com/), [linaria](https://github.com/callstack/linaria), and so on.\nAdditionally, CSS architecture is difficult about scoping, e.g. BEM, FLOCSS.\n\nWhen you decide to use Tailwind, you only write utility-first CSS classes, you don't have to worry about them!\n\n### daisyUI\n\n[daisyUI](https://daisyui.com/) is Tailwind CSS Components library.\n\nIt prepares components CSS classes such as 'btn'. If you provide 'btn' class to `\u003cbutton\u003e` element, then there should be placed completely designed button.\n\nIf you don't want to use it, just remove the package and remove config in `tailwind.config.js`.\n\n## Firebase\n\n[Firebase](https://firebase.google.com/) is a PaaS that makes us create hi-quality apps so easy and so fast.\n\nThis library is not suitable for everyone, but I think it is one of the best libraries for prototyping. Therefore, I have added it to this repository.\n\nThe Firebase js SDK has become very useful in version 9, with [optimizations that greatly reduce bundle size](https://firebase.google.com/docs/web/modular-upgrade).\n\n### How to Use\n\nPlease look at [firebase.ts](https://github.com/TeXmeijin/vite-react-ts-tailwind-starter/blob/main/src/lib/firebase.ts).\n\nThere you will find a set of utility functions to manipulate Firebase for the environment in which the Emulator is used.\n\n## Formatter and Linter\n\nAlready set up [ESLint](https://eslint.org/) and [Prettier](https://prettier.io/). You can customize the rules.\n\nNOTICE: The template does not use [eslint-plugin-prettier](https://github.com/prettier/eslint-plugin-prettier) and [prettier-eslint](https://github.com/prettier/prettier-eslint). So I recommend that running commands individually. e.g. `prettier \u0026\u0026 eslint`.\n\nPlease read: https://prettier.io/docs/en/integrating-with-linters.html.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshahil-yadav%2Fweb-rtc","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshahil-yadav%2Fweb-rtc","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshahil-yadav%2Fweb-rtc/lists"}