Smart Thermostat Deliberate Practice

Project Overview

The Smart Thermostat Deliberate Practice project simulates the functionality of a modern smart thermostat system. This application is a comprehensive practice environment for developers to build and understand full-stack applications involving real-time data processing, user interface management, and system integration.

Features

• Real-time Temperature Monitoring: Continuously updates and displays the current temperature.
• Temperature Adjustment: Allows users to increase or decrease the temperature setting.
• Schedule Management: Users can set temperature schedules for different times of the day.
• User-Friendly Interface: Built with React for a responsive and intuitive user experience.
• Backend Integration: Utilizes Spring Boot to manage thermostat settings and schedules.

UML Diagrams

UML Case Diagram

Deployment UML

UML Sequence Diagram

UML State Diagram

Activity Diagram

Data Flow Diagram (DFD) Logic

UML Class Diagram

Getting Started

Prerequisites

Ensure you have the following installed on your machine:

• Node.js (v12 or higher)
• npm (v6 or higher)
• Java Development Kit (JDK) (v11 or higher)
• Spring Boot (v2.4 or higher)

Installation

1. Clone the repository:

    git clone https://github.com/mensahTribeWeb/_thermostat.git
    cd _thermostat

2. Install frontend dependencies:

   cd client
   npm install

3. Install backend dependencies:

   cd ../server
   ./mvnw install
   

Running the Application

1. Start the backend server:

  cd server
 ./mvnw spring-boot:run

2. Start the frontend application:

 cd client
 npm start

Open http://localhost:3000 to view the application in your browser.

Usage

Available Scripts

In the project directory, you can run:

• npm start: Runs the app in development mode.
• npm test: Launches the test runner in the interactive watch mode.
• npm run build: Builds the app for production to the build folder.
• npm run eject: Ejects the app from the Create React App configuration.

For more detailed information on these scripts, refer to the Create React App documentation.

##Learn More React documentation Create React App documentation Spring Boot documentation

Contact

LinkedIn: @Nicholas D. Mensah
Twitter: @Nokoredev
GitHub: @mensahTribeWeb
Website: nokore.dev
Email: [email protected]

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.