Sans Fil 📲

Overview 📑

• SansFil is a react based web application which is used to provide wireless connection to appliances, if only connected to the device.
• It uses react for frontend and nodejs for backend development which is created by my friend Sajid Ansari👈.
• If u want to see the mobile version of this application, check this out 👉SansFil.
• You can see the application live by clicking this 👉 SansFil.

Shootout 📢

• Myself, Sajid Ansari and Pappu Mishra are responsible for the entire application.

Notification 👩‍🚒

• Dont register in the application for now 🙏.
• Due to privacy the application cannot be applicable to all users for now so for better view , Please login with the following credentials:
• Email: sajidansari33272@gmail.com Password: 12345678

Limitation 😥

• First of all, it wont be practical at the moment as all the devices need to be reconnected which is not ideal.
• It is not responsive at all mainly developed for web or large screen(1920 - 1080). So if u want to view on your screen zoom out a bit. Thank you 🙏.

Features 👁️‍🗨️

• If connected to actual device, we can turn on / off the appliances.
• We can add appliances manually but it will be thoroughly check by admin.
• We can also schedule the appliances inorder to turn on / off the appliances.
• We can view the monthly power consumption of our appliances.
• The admin can accept / reject the appliances if user add the appliances.
• Every user must have access key(arduino token) to the device inorder to control the appliance which is grant by the admin.

Hardware Technology used in this application 🧰

• Arduino Uno
• Ethernet Shield
• Relay

Tools Required 🔑

• Nodejs
• git
• yarn / npm
• Code Editor(VS code, vim, etc..)

Actual Full Device Connection 👇👇

Getting Started 🚩

• To run this project, first of all yarn or npm should already be installed on your device, clone this repository and now install it locally:

git clone https://github.com/Mob-Anish/Sans-Fil.git
yarn / npm install
yarn / npm start

• If you want to create on your own starting with react, follow these steps to setup react project:

npx create-react-app Your-App-Name
cd Your-App-Name
yarn / npm start

Some Snapshots 📷

• User side

• Admin Panel

• Testing phase output