Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/digoarthur/rfid-application-crud
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.
https://github.com/digoarthur/rfid-application-crud
firebase npm-package reactsjs rfid-reader
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/digoarthur/rfid-application-crud
- Owner: DIGOARTHUR
- Created: 2024-04-08T14:47:03.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-04-10T17:16:04.000Z (10 months ago)
- Last Synced: 2024-12-11T09:13:55.199Z (about 2 months ago)
- Topics: firebase, npm-package, reactsjs, rfid-reader
- Language: TypeScript
- Homepage: https://github.com/DIGOARTHUR/rfid-reader-input
- Size: 85.9 KB
- Stars: 12
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
RFID Application
Make your applications more dynamic and practical.
About Application |
Interfaces |
Stacks |
Run APP |
Motivation |
# 
Sobre a aplicação
> This is an application that shows in practice the use of the RFID Reader. Make data queries and records just by approaching a card.
Here 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.
## FIGMA
# 
Interfaces
## DESKTOP
| Registered employees list |
| :-------------------------------------------------------------------: |
|  |
| Registration screen |
| :-------------------------------------------------------------------: |
| |
| Active employee list and RFID input data capture component |
| :--------------------------------------------------------------: |
| |
## 
Stacks
### Language
* [`TypeScript`](https://www.typescriptlang.org/) (TypeScript is a specially typed programming language that builds on JavaScript, offering better tools at any scale.)
### Style
### Framework / Lib
### Backend
* `Create`
* `Read`
* `Update`
* `Delete`
### Gerenciador / Pacotes
* [`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)
* [`tailwindCSS`](https://tailwindcss.com) (Rapidly build modern websites without ever leaving your HTML.)
* [`react-modal`](https://www.npmjs.com/package/react-modal) (Floating window)
### Versionameto
### IDE
# 
Rodando a Aplicação
1. Clonar repositório:
```
git clone https://github.com/DIGOARTHUR/rfid-application-demo.git
```
2. Instalar dependências
```
yarn install
```
3. Rodar aplicativo
```
yarn dev
```
4. Acesse `http://localhost:3000/` e navegue pelo site
:warning: 5. Trocar URL do repositorio remoto (caso necessário)
5.1 Ver qual o repositorio atual
```
git remote -v
```
5.2 Mudar a URL do repositorio remoto
```
git remote set-url origin
```
5.3 Verifique se a mudança foi realizada
```
git remote -v
```
-----
# 
Motivation
In 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.
-----
**Love rfid-application? Give our repo a star ⭐ ⬆️.**
`by`: [@digoarthur](https://www.linkedin.com/in/digoarthur/)