Home-Sphere is an innovative project designed to establish seamless communication between Arduino, Firebase, and an Ionic app. It aims to create a robust system for real-time data transmission and visualization, enhancing home automation and monitoring experiences.
Part 1: Arduino code functionality https://github.com/GuineaCoding/ArduinoRealTimeProject#documentationPart 2: Firebase Database
Part 3: Ionic app (current repository)
The project facilitates real-time communication and data exchange between an Arduino setup and a mobile application platform. It leverages Firebase for data management and an Ionic app for user-friendly data visualization.
- Arduino MKR IoT Carrier Rev2
- Firebase
- Node.js V 20.10.0
- Ionic Framework
- Android Studio
- Chart.js
- Feel free to check and the project's package.json for other apps but the main one i already lsited
To set up and run the Home-Sphere project, follow these steps:
- Arduino Setup: Ensure you have an Arduino MKR IoT Carrier Rev2. Set it up according to the official Arduino guidelines.
- Create a Firebase Project: Go to Firebase and create a new project for web applications. Follow the provided instructions to set up Firebase for your project.
- Clone and Install the Project:
-
Clone and Install the Project:
- Clone the project from GitHub to your local machine.
- Open a terminal or command prompt in the project directory.
- Run
npm installto install all required dependencies.
- Create the
environmentsfolder in thesrcfolder. - In the
environmentsfolder, create theenvironment.tsfile and place the Firebase key there. -
Important: Due to a misconfiguration issue between the latest version of AngularFire and Ionic, which operates on the latest version of Angular in
my project, an error occurs when attempting to run the project using
Ionic serve. This can be easily fixed by following the advice provided in this GitHub issue: angular/angularfire#3255. - After completing these steps, run
ionic serve. -
Run the Ionic App:
- Within the project directory, run
ionic serveto start the app in development mode. - Open your web browser and navigate to
http://localhost:8100to view the app.
- Within the project directory, run
-
Build the Ionic App:
- Run
ionic buildto build the app for production. - For Android APK, ensure you have Android Studio installed and then follow Ionic's native build instructions to generate an APK file. Check the link for more details Build app info
- Run
Note: Ensure that your Firebase project settings and configuration are correctly integrated into the Ionic app. This includes updating the Firebase configuration in the appropriate files within the Ionic project.
The Home-Sphere app offers a comprehensive and user-friendly interface for monitoring various environmental parameters. Here's how you can navigate and utilize the app:
- Signing Up and Logging In: Users can easily sign up for an account and log in to access the app's features. There's also an option to reset the password if needed.
- Main Dashboard: Upon logging in, users are greeted with the Home page, which serves as the central control panel. Here, users can view the latest updates from the connected sensors.
- Real-Time Data Display: The Home page displays key environmental data such as temperature, humidity, pressure, moisture, and CO2 levels. Each parameter is presented in a dedicated card with a clear and concise layout.
- Detailed View: Users can click on 'View Details' for each parameter to navigate to a more detailed view, providing in-depth information and historical data.
- Interactive Charts: In the detailed view, users can interact with dynamic charts that display trends over different timeframes such as the last hour, day, week, month, or year.
- Security Monitoring: The app also provides a security section where users can monitor the PIR sensor status, enhancing the home's security system.
- Logout Functionality: Users can securely log out of the app using the Logout button located in the top-right corner of the Home page.
The app's intuitive design and interactive features make it easy for users to monitor and analyze environmental conditions in real-time, ensuring a comfortable and safe home environment.
Home-Sphere is not only a comprehensive solution for home monitoring and automation but also a cost-effective approach for households aiming to enhance their living environment. Here are the key features:
- Cost-Effective Solution: Designed to be affordable, Home-Sphere is an ideal choice for households looking to monitor their environment and wellbeing without incurring significant expenses.
- Real-Time Sensor Data Monitoring: Utilizes the Arduino MKR IoT Carrier Rev2 to continuously monitor various environmental conditions, providing valuable insights.
- Firebase Integration: Seamlessly integrates with Firebase for efficient, reliable, and secure data storage and retrieval.
- Interactive Data Visualization: Features an intuitive and user-friendly interface in the Ionic app, complete with real-time charts and graphs for easy data interpretation.
- Motion Detection: Includes a PIR sensor for enhanced security and through motion detection.
- Holiday Mode: Offers a 'holiday mode' for additional monitoring and alerts, ensuring peace of mind while away from home.
- Mobile App Functionality: Employs the Ionic framework to create a cross-platform mobile application, facilitating remote monitoring and control.
- Android APK Generation: Enables the building of an Android APK from the Ionic app, simplifying installation and use on Android devices.
-
Clone and Install the Project:
- You can also generate the project on IOS, feel free to follow the instructions for the IOS
Home-Sphere brings together these features to offer a versatile and robust system suitable for a wide range of home monitoring tasks. It stands out as an accessible and budget-friendly option for enhancing home safety, comfort, and efficiency.
Image samples
For support or queries, feel free to contact me at andrian.barbulat@gmail.com