Digital Clock

A sleek and modern digital clock application built with React and Material-UI.

Table of Contents

• Introduction
• Features
• Prerequisites
• Installation
• Usage
• Deployment
• Environment Variables
• Technologies Used
• Contributing
• License

Introduction

This project is a digital clock application that displays the current time and date. It includes features such as setting alarms, bedtime reminders, and selecting different alarm sounds with volume control. The application is styled using Material-UI and incorporates a dark mode for better usability in low-light environments.

Features

• Display current time and date
• Set alarms with customizable sounds
• Set bedtime reminders
• Dark mode and light mode toggle
• Volume control for alarm sounds
• Preview alarm sounds before selection
• Success and error alerts for actions

Prerequisites

• Node.js (v14 or above)
• npm (v6 or above) or Yarn (v1.22 or above)

Installation

1. Clone the repository:

   git clone https://github.com/Mishismail/digital-clock.git
   cd digital-clock

2. Install dependencies:

   npm install
   # or
   yarn install

Usage

1. Run the application locally:

   npm start
   # or
   yarn start

2. Open your browser and navigate to http://localhost:3000 to see the application in action.

Technologies Used

• React: Front-end library for building user interfaces
• Material-UI: React components for faster and easier web development
• Vercel: Cloud platform for static sites and Serverless Functions

Deployed Site

Digital Clock