{"id":22761588,"url":"https://github.com/digoarthur/rfid-application-crud","last_synced_at":"2025-04-13T03:23:13.640Z","repository":{"id":232616660,"uuid":"783775561","full_name":"DIGOARTHUR/rfid-application-crud","owner":"DIGOARTHUR","description":"Application that shows the use of RFID Reader technology, together with ReactJS and Firebase Stacks. The rfid-reader-input component is used to capture data input from the Reader.","archived":false,"fork":false,"pushed_at":"2024-04-10T17:16:04.000Z","size":88,"stargazers_count":12,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-26T20:21:35.231Z","etag":null,"topics":["firebase","npm-package","reactsjs","rfid-reader"],"latest_commit_sha":null,"homepage":"https://github.com/DIGOARTHUR/rfid-reader-input","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/DIGOARTHUR.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":"2024-04-08T14:47:03.000Z","updated_at":"2024-05-09T16:41:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"2d20ae48-0fc3-49a8-a68c-218056051844","html_url":"https://github.com/DIGOARTHUR/rfid-application-crud","commit_stats":null,"previous_names":["digoarthur/rfid-application","digoarthur/rfid-application-crud"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DIGOARTHUR%2Frfid-application-crud","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DIGOARTHUR%2Frfid-application-crud/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DIGOARTHUR%2Frfid-application-crud/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DIGOARTHUR%2Frfid-application-crud/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DIGOARTHUR","download_url":"https://codeload.github.com/DIGOARTHUR/rfid-application-crud/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248658417,"owners_count":21140942,"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":["firebase","npm-package","reactsjs","rfid-reader"],"created_at":"2024-12-11T09:13:57.866Z","updated_at":"2025-04-13T03:23:13.619Z","avatar_url":"https://github.com/DIGOARTHUR.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!-- REMODELAR O PROJETO POR MEIO DE:\n\nhttps://github.com/matheuslanduci/dashgo\n\n\n--\u003e\n\n\n\n\n\n\n\u003c!-- VISUALIZAR NO VSCODE  CTRL + K  V --\u003e\n\n\u003c!-- BADGES https://www.youtube.com/watch?v=cRoBt6AZgjc\nhttps://dev.to/envoy_/150-badges-for-github-pnk\n\nBUILD BADGES\nhttps://shields.io\nICONS\nhttps://simpleicons.org/?q=react\n\nEXEMPLO\n\n \u003ca href=\"https://devdigoarthur.notion.site/Map-a87c73417a064372b122bf448f4c6ed4\"\u003e ![Alt ou título da imagem](https://img.shields.io/badge/-JavaScript-/?logo=JavaScript\u0026logoColor=white\u0026color=yellow)\u003ca/\u003e\n\n# JavaScript - Nome que aparece na Bag\n# logo=JavaScript - Muda a logo vide \u003chttps://simpleicons.org/?q=react\u003e\n# color=yellow - Define a cor da bag vide \u003chttps://shields.io\u003e\n# logoColor=white - Define a cor do icone\n--\u003e\n\n \u003c!------------------------------------BANNER PROJECT--\u003e\n\n![image](https://github.com/DIGOARTHUR/rfid-application/assets/59892368/0965893c-fcaa-4234-b1b8-93ec391c7007)\n\n\n\n\n  \n  \n\n\n  \n  \n  \n\u003c/br\u003e\n  \u003c/br\u003e\n  \u003c!------------------------------------PROJECT ICON--\u003e\n  \n\u003cdiv align=\"center\"\u003e\n \u003ch1 align=\"center\"\u003eRFID Application\u003c/h1\u003e\n    \u003ci\u003eMake your applications more dynamic and practical. \u003c/i\u003e\n  \n  \u003c/br\u003e\n    \u003c/br\u003e\n    \n   \u003c!------------------------------------SHIELDS PROJECT--\u003e\n  ![GitHub last commit](https://img.shields.io/github/last-commit/digoarthur/rfid-application)\n  ![GitHub](https://img.shields.io/github/license/digoarthur/rfid-application)\n\u003c/div\u003e\n\n\n \u003c!------------------------------------STACKS--\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://skillicons.dev/icons?i=react,firebase\" /\u003e\n\u003c/p\u003e\n  \n   \n\n \u003c!------------------------------------TOOLS--\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://skillicons.dev/icons?i=vscode,git,yarn\" /\u003e\n\u003c/p\u003e\n\n\n\n\n\n   \u003c!------------------------------------SUMMARY--\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/DIGOARTHUR/Dashgo#--sobre-a-aplicação-\"\u003eAbout Application\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"https://github.com/DIGOARTHUR/Dashgo#--interfaces-\"\u003e Interfaces\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"https://github.com/DIGOARTHUR/Dashgo#-Stacks-\"\u003e Stacks\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"https://github.com/DIGOARTHUR/Dashgo#-rodando-a-aplicação\"\u003eRun APP\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"https://github.com/DIGOARTHUR/Dashgo#-por-que--\"\u003eMotivation\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003c/p\u003e  \n\n  \n  \n   \u003c!------------------------------------DESCRIPTION--\u003e\n\n# \u003cimg  alt=\"skills\"  width=\"40\" height=\"40\" src=\"https://user-images.githubusercontent.com/59892368/148622497-164365e8-f6b0-4f40-bc75-a0ed4da6059b.png\"\u003e  Sobre a aplicação \u003c!---write here : talk a little about project: what's does, example.  --\u003e\n\u003e This is an application that shows in practice the use of the RFID Reader. Make data queries and records just by approaching a card. \nHere a component,  [`rfid-reader-input`](https://github.com/DIGOARTHUR/rfid-reader-input), was used to input data from the RFID Reader, providing a better experience for the user. \n\n  \n  \n\u003c!------------------------------------LAYOUT --\u003e\n\n\n## FIGMA \n  \u003ca href=\"https://www.figma.com/file/QZxcCyQ46KCa3YRpyGjWgy/Dashboard-ft.-RFID-by%3A-%40digoarthur?type=design\u0026mode=design\u0026t=6Pk6yxUzNoBvA4Je-0\" target=\"_blank\"\u003e\u003cimg alt=\"Figma\" src=\"https://img.shields.io/badge/figma%20-%23F24E1E.svg?\u0026style=for-the-badge\u0026logo=figma\u0026logoColor=white\"/\u003e\u003c/a\u003e\n  \n# \u003cimg  alt=\"skills\"  width=\"40\" height=\"40\" src=\"https://user-images.githubusercontent.com/59892368/149667468-f228e4e8-c2f0-474d-858d-6b9216f49b2f.png\"\u003e  Interfaces \u003c!---write here : demonstration of the application layout.  --\u003e\n  \n\n\n    \n\n## DESKTOP\n  \n|                                 Registered employees list             |\n| :-------------------------------------------------------------------: |\n|   ![image 2](https://github.com/DIGOARTHUR/rfid-application/assets/59892368/81958619-c515-43cd-be49-5fe94f56290b) |\n\n\n  \n  |                               Registration screen                            |\n| :-------------------------------------------------------------------: |\n|  ![image 3](https://github.com/DIGOARTHUR/rfid-application/assets/59892368/2375e1f5-edde-4376-a622-fcfe3c0ef40d)|\n\n\n  \n|                             Active employee list and RFID input data capture component                           |\n| :--------------------------------------------------------------: |\n|   ![image 4](https://github.com/DIGOARTHUR/rfid-application/assets/59892368/5ddb2912-31cd-497d-865f-7dbfa5d06df8)|\n \n\n\n\n  \n  \n  \n  \u003c!------------------------------------LIST: STACKS , LIBS \u0026 TOOLS--\u003e\n\n## \u003cimg  alt=\"skills\"  width=\"40\" height=\"40\" src=\"https://user-images.githubusercontent.com/59892368/197614534-e12fb94a-b5cf-44ff-8d57-debad7299b0b.png\"\u003e Stacks \u003c!---write here: learned concepts; --\u003e\n\n\n  \n### Language\n \u003ca href=\"https://www.typescriptlang.org/\"\u003e ![Alt ou título da imagem](https://img.shields.io/badge/-TypeScript-/?logo=TypeScript\u0026logoColor=white\u0026color=informational)\u003ca/\u003e\n * [`TypeScript`](https://www.typescriptlang.org/) (TypeScript is a specially typed programming language that builds on JavaScript, offering better tools at any scale.)\n\n     \n     \n### Style \n \u003ca href=\"https://tailwindcss.com\"\u003e ![Alt ou título da imagem](https://img.shields.io/badge/-TailwindCSS-/?logo=tailwindcss\u0026logoColor=white\u0026color=blue)\u003ca/\u003e\n\n  \n### Framework / Lib\n \u003ca href=\"https://nextjs.org\"\u003e ![Alt ou título da imagem](https://img.shields.io/badge/-ViteJS-/?logo=Vite\u0026logoColor=white\u0026color=purple)\u003ca/\u003e  \n\n\n ### Backend\n \u003ca href=\"https://firebase.google.com\"\u003e ![Alt ou título da imagem](https://img.shields.io/badge/-Firebase-/?logo=Firebase\u0026logoColor=white\u0026color=yellow)\u003ca/\u003e \n* `Create`\n* `Read`\n* `Update`\n* `Delete`\n\n ### Gerenciador / Pacotes\n \u003ca href=\"https://yarnpkg.com\"\u003e ![Alt ou título da imagem](https://img.shields.io/badge/-Yarn-/?logo=Yarn\u0026logoColor=white\u0026color=blue)\u003ca/\u003e \n *  [`rfid-reader-input`](https://github.com/DIGOARTHUR/rfid-reader-input/tree/main) (Biblioteca utilizada para otimizar a busca, armazenamento em cache e atualização dos dados remotos)\n *  [`tailwindCSS`](https://tailwindcss.com) (Rapidly build modern websites without ever leaving your HTML.)\n *  [`react-modal`](https://www.npmjs.com/package/react-modal) (Floating window)\n\n\n ### Versionameto\n \u003ca href=\"https://git-scm.com\"\u003e ![Alt ou título da imagem](https://img.shields.io/badge/-Git-/?logo=Git\u0026logoColor=white\u0026color=red)\u003ca/\u003e \n ### IDE\n \u003ca href=\"https://code.visualstudio.com\"\u003e ![Alt ou título da imagem](https://img.shields.io/badge/-VisualStudioCode-/?logo=VisualStudioCode\u0026logoColor=white\u0026color=informational)\u003ca/\u003e \n\n \n  \u003c!------------------------------------RUN APP--\u003e\n \n # \u003cimg  alt=\"skills\"  width=\"40\" height=\"40\" src=\"https://user-images.githubusercontent.com/59892368/142216697-dd93272c-c614-4664-9d63-c4e4dfc3e0f3.gif\"\u003e Rodando a Aplicação\n \n\n1. Clonar repositório:\n\n```\ngit clone https://github.com/DIGOARTHUR/rfid-application-demo.git\n```\n\n2. Instalar dependências\n\n```\nyarn install\n```\n\n3. Rodar aplicativo\n\n```\nyarn dev\n```\n\n4. Acesse `http://localhost:3000/` e navegue pelo site\n\n:warning: 5. Trocar URL do repositorio remoto (caso necessário)\n\n  5.1 Ver qual o repositorio atual\n```\ngit remote -v\n```\n  5.2 Mudar a URL do repositorio remoto\n```\ngit remote set-url origin \u003cLinkDoNovoRepositorio\u003e\n```\n  5.3 Verifique se a mudança foi realizada\n```\ngit remote -v\n```\n\n\n\u003c/br\u003e\n\n-----\n\n\u003c!------------------------------------WHY/THANKS---\u003e\n\n # \u003cimg  alt=\"skills\"  width=\"40\" height=\"40\" src=\"https://user-images.githubusercontent.com/59892368/148622627-c1eaa513-ca90-49e2-b5b8-c11d369becef.png\"\u003e Motivation \u003c!---write here : motivation that led to created ; why did you do this program?   --\u003e\nIn my current work, there is a system using this RFID Reader technology. I observed it for a while and then decided to reproduce it using the knowledge I had and what I researched.\n\n-----\n\n**Love rfid-application? Give our repo a star ⭐ ⬆️.**\n\n`by`: [@digoarthur](https://www.linkedin.com/in/digoarthur/)\n  \n  \n  \n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdigoarthur%2Frfid-application-crud","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdigoarthur%2Frfid-application-crud","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdigoarthur%2Frfid-application-crud/lists"}