iGuardian.app
The Brief 
Provide the consumer with a reliable and practical way to monitor the internet connection and prevent unexpected lack of service from the Internet services provider. iGuardian is a small factor device developed on top or Raspberry PI, that monitors the connection and provides reports in a friendly web user interface.
The Stack
Frontend
- HTML-5
- CSS-3
- Vue.js
- Blade Template
- Bootstrap
- Fontawesome
Backend
- PYTHON
- PHP
- MARIA DB
- LARAVEL
- NGINX
Hardware
- Raspberry PI
- Ubuntu Server 18.04
Source Control
- Git
- Bitbucket
Project Management
- Jira
- SCRUM
You might be interested in the following services..
Time Frame 
The device and software prototypes were fully delivered within six months.
Responsive Web UI 
The iGuardian Device is featured with a user interface accessible from the home network in the browser. The Web UI is fully responsive and designed to display most of the information from any device despite graphs are better visible from a tablet the entire interface is accessible also from any smart phone. The iGuardian UI implements the Responsive Web Design principles. Responsive web design (RWD) is an approach to web design that makes web pages render well on a variety of devices and window or screen sizes. Content, design and performance are necessary across all devices to ensure usability and satisfaction. A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries..Thanks bootstap 4 the design is extremely clean and responsive on any device.
Approach
The building blocks of my workflow for a succesful project.
Stack
Code
Control
Deploy
Features
Top project features from the product backlog
Small factor device
Built on top of raspberry PI iGuardian is a small factor device that monitors your internet connection continuously.
User Friendly Interface
The web user interface is entirely custom built, it uses the Bootstrap framework, the Laravel blade template engine and Font Awesome icons. It's fully responsive and accessible from most smart phones and tablets other than laptops and desktop computers.
iGuardian CMS Blog posts
Full Blogging bespoke platform.
iGuardian E-Commerce Store
Full e-Commerce bespoke platform.
iGuardian e-Commerce orders
User Orders page.
iGuardian E-Commerce Product
Single product store page.
iGuardian CMS/E-Commerce Admin Panel
Fully featured admin panel.
iGuardian Blog Post
Single post view page.
iGuardian CMS/E-Commerce Login
Custom login page.
iGuardian CMS/E-Commerce Registration
Custom registration page.
