├── README.md
├── package.json
├── rfid.js
├── rfid.png
└── rfid2.html


/README.md:
--------------------------------------------------------------------------------
 1 | # RaspberryPi-RFID-WebLogin
 2 | Super simple RFID web login interface using Raspberry Pi and RC522.
 3 | 
 4 | 
 5 | [Sample Video](https://www.youtube.com/watch?v=v9dAYPJD44M) <br>
 6 | [Tutorial](https://www.youtube.com/watch?v=PtKuQf8z7HI)
 7 | 
 8 | License
 9 | -------
10 | The MIT License (MIT)
11 | 
12 | Copyright (c) 2015 Luigi Freitas Cruz
13 | 
14 | Permission is hereby granted, free of charge, to any person obtaining a copy
15 | of this software and associated documentation files (the "Software"), to deal
16 | in the Software without restriction, including without limitation the rights
17 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
18 | copies of the Software, and to permit persons to whom the Software is
19 | furnished to do so, subject to the following conditions:
20 | 
21 | The above copyright notice and this permission notice shall be included in all
22 | copies or substantial portions of the Software.
23 | 
24 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
25 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
26 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
27 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
28 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
29 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
30 | SOFTWARE.
31 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "raspberrypi-rfid-reader",
 3 |   "version": "1.0.0",
 4 |   "description": "A HTTP RFID reader for Raspberry Pi.",
 5 |   "main": "rfid.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1",
 8 |     "start": "node rfid.js",
 9 |     "preinstall": "wget http://www.airspayce.com/mikem/bcm2835/bcm2835-1.35.tar.gz; tar -zxf bcm2835-1.35.tar.gz; cd bcm2835-1.35; ./configure; sudo make install"
10 |   },
11 |   "repository": {
12 |     "type": "git",
13 |     "url": "git+https://github.com/luigifreitas/Raspberry-Pi-RFID.git"
14 |   },
15 |   "author": "Luigi Freitas",
16 |   "license": "MIT",
17 |   "bugs": {
18 |     "url": "https://github.com/luigifreitas/Raspberry-Pi-RFID/issues"
19 |   },
20 |   "homepage": "https://github.com/luigifreitas/Raspberry-Pi-RFID#readme",
21 |   "dependencies": {
22 |     "express": "^4.13.4",
23 |     "rc522-rfid": "^14.1.10",
24 |     "socket.io": "^1.4.5"
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/rfid.js:
--------------------------------------------------------------------------------
 1 | var express = require('express'),
 2 |     app = express();
 3 |     io = require('socket.io').listen("8500");
 4 | var rc522 = require("rc522-rfid");
 5 | 	
 6 | console.log("App successfully launched!");
 7 | 
 8 | // Create a sample login page @ http://localhost:8000
 9 | app.get('/', function(req, res){
10 | 	res.sendFile(__dirname + '/rfid2.html');
11 | });
12 | 
13 | // Everytime you tag in this will be triggered.
14 | rc522(function(rfidSerialNumber){
15 | 	io.sockets.emit("rfid", rfidSerialNumber); // Sends the RFID Serial Number through Socket.IO
16 |   	console.log(rfidSerialNumber);
17 | });
18 | 
19 | app.use('/rfid.png', express.static(__dirname + '/rfid.png')); 
20 | 
21 | app.listen(8000); // Setup your server port.
22 | 


--------------------------------------------------------------------------------
/rfid.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luigifcruz/Raspberry-Pi-RFID/35b4a280b3a4941c62a0cbdd8fb688c3d4fcfb0b/rfid.png


--------------------------------------------------------------------------------
/rfid2.html:
--------------------------------------------------------------------------------
  1 | <title>RFID</title>
  2 | 	<meta charset="utf-8">
  3 | 	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
  4 | 	<link href='https://cdn.luigifreitas.me/animate.css' rel='stylesheet' type='text/css'>
  5 | 	<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
  6 | 	<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.5.1/socket.io.js"></script>
  7 | 
  8 | 	<style>
  9 | 		body {
 10 | 			left: 0%;
 11 | 			top: 0%;
 12 | 			width: 100%;
 13 | 			height: 100%;
 14 | 			overflow:hidden;
 15 | 			position: absolute;
 16 | 			background-color: #ededed;
 17 | 		}
 18 | 		.box {
 19 | 			position: absolute;
 20 | 			width: 25%;
 21 | 			left: 37.5%;
 22 | 			top: 20%;
 23 | 			background-color: black;
 24 | 
 25 | 			padding-left: 0%;
 26 | 			border-radius: 8px;
 27 | 			background-color: white;
 28 | 			border: 1px solid #b6b6b6;
 29 | 
 30 | 			box-shadow: 0px 1px 0px .5px #b6b6b6;
 31 | 		}
 32 | 		.box:after {
 33 | 			padding-top: 80%;
 34 | 			display: block;
 35 | 			content: '';
 36 | 		}
 37 | 		.help {
 38 | 			width: 100%;
 39 | 			height: 50%;
 40 | 			color: #606060;
 41 | 			font-family: "Open Sans";
 42 | 			font-weight: 300;
 43 | 			font-size: 25px;
 44 | 			position: absolute;
 45 | 			bottom: -27%;
 46 | 			text-align: center;
 47 | 			-webkit-transitio: all 0.5s ease;
 48 | 			-moz-transition: all 0.5s ease;
 49 | 			-o-transition: all 0.5s ease;
 50 | 			transition: all 0.5s ease;
 51 | 		}
 52 | 		.icon {
 53 | 			width: 100%;
 54 | 			height: 76%;
 55 | 			background-position: 50% 50%;
 56 | 			background-repeat: no-repeat;
 57 | 			background-size: 50%;
 58 | 			position: absolute;
 59 | 			background-image: url("/rfid.png");
 60 | 			-webkit-transitio: all 0.5s ease;
 61 | 			-moz-transition: all 0.5s ease;
 62 | 			-o-transition: all 0.5s ease;
 63 | 			transition: all 0.5s ease;
 64 | 		}
 65 | 
 66 | 		.one {
 67 | 			-webkit-filter: hue-rotate(300deg);
 68 | 		}
 69 | 	</style>
 70 | 
 71 | 
 72 | 	<body>
 73 | 		<div class="box">
 74 | 			<div class="icon"></div>
 75 | 			<div class="help">
 76 | 				Scan your NFC Card.
 77 | 			</div>
 78 | 		</div>
 79 | 	</body>
 80 | 
 81 | 	<script>
 82 | 	// Connects with Server
 83 | 
 84 | 	var socket = io(window.location.hostname + ":8500");
 85 | 
 86 | 
 87 | 	socket.on('rfid', function(data){
 88 | 		
 89 | 		$(".icon").addClass('one');
 90 | 		$(".help").text("Hello, " + data + "!");
 91 | 		setTimeout(function() {
 92 | 			$(".icon").removeClass('one');
 93 | 			$(".help").text("Scan your NFC Card.");
 94 | 		}, 2500);
 95 | 	});
 96 | 
 97 | 
 98 | 
 99 | 
100 | 
101 | 	</script>
102 | 


--------------------------------------------------------------------------------