Smart Clock React Web Application

Welcome to the Smart Clock React Web Application! This project is designed to provide you with a comprehensive and interactive clock interface that includes timekeeping, messaging, environmental monitoring, and task management functionalities.

Table of Contents

• Features
• Installation
• Usage

Features

Timekeeping and Alarms

• Current Time Display: Always know the accurate time.
• Alarm Management: Create, delete, enable, and disable alarms to stay on schedule.

Messaging

• Send Messages: Communicate with other users.
• View Received Messages: Stay updated with all your messages.
• View All Messages: Ensure no message is missed.

Environmental Monitoring

• Current Temperature and Humidity: Get real-time insights into your indoor environment.
• Historical Humidity Data: View the average humidity for the past 30 days.
• CO2 Levels and Air Quality: Monitor air quality and CO2 levels to ensure a healthy environment.
• Graphical Data Representations: View temperature, humidity, and air quality data over various periods (current day, day before, last week, last month).

Task and Event Management

• Task Management: Create, update, delete, and view tasks with details such as name, description, deadline, and status (To do, In progress, Finished).
• Event Management: Create, update, delete, and view events with details such as name, description, start date-time, and end date-time.
• Categorization: Categorize tasks and events for better organization.
• Filtering: Filter tasks and events by day, week, month, and category.

Installation

To get started with the Smart Clock React Web Application, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/smart-clock-react.git
   cd smart-clock-react

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

4. Open your browser and navigate to http://localhost:3000 to view the application.

Deployed Version

• The most recent and up-to-date version can be found at : https://smartclock-frontend.vercel.app/

Usage

Once the application is running, you can:

• View the current time and manage alarms.
• Send and receive messages.
• Monitor environmental data such as temperature, humidity, and air quality.
• Manage tasks and events, including creating, updating, deleting, and categorizing them.