Smart Home and Device Management Frontend

Project Overview

The purpose of our project is to revolutionize the management of smart home ecosystems by creating an integrated mobile application and website. Our aim is to empower users to control and monitor their Internet of Things (IoT) devices effortlessly, thereby enhancing convenience, energy efficiency, and security within their homes.

Requirements

• Node.js (v20.15.0)
• npm (v10.7.0)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/smart-home-frontend.git
   cd smart-home-frontend

2. Install dependencies:

   npm install

3. Run the application:

   npm start

Screenshots and Descriptions

Below are some screenshots showcasing key features of the application:

Home Page

The home page welcomes users with a clean and modern design, providing easy access to the main features of the application.

Add Home

The "Add Home" page allows users to add new homes to their profile, facilitating the management of multiple properties.

Team Page

Meet our dedicated team behind the Smart Home and Device Management project. This page highlights the team members and their roles, providing transparency and showcasing the expertise behind the project.

Logo

Our project logo, representing the essence of smart home technology.

Application Guide

The application guide provides users with step-by-step instructions on how to get started with managing their smart home. This guide ensures that users can easily navigate the application and make the most out of its features.

Login Page

The login page allows existing users to access their accounts by providing their email and password.

Registration Page

The registration page enables new users to create an account by providing essential details such as first name, last name, username, email, and password. This page ensures a smooth onboarding process for new users.

Dashboard

The dashboard provides an overview of the user's houses, allowing them to easily access and control their smart devices. Each house is represented by a card with an image and location details, making it easy for users to manage multiple properties.

Add Room

The "Add Room" page allows users to add rooms to their houses, making device management more organized. This feature ensures that devices can be categorized and controlled within specific rooms, enhancing the user experience.

Add Device

Users can add new smart devices to their home by navigating to the "Add Device" page. This page provides a user-friendly interface for integrating new devices into the smart home ecosystem.

Project Team

• Buse Çoban
• Ibrahim Duman
• Meryem Ahıskalı
• Özge Havva Şahin