Skip to content

Eclipse Clock is a sleek, customizable digital clock app built with React and Tailwind CSS. Featuring a responsive design and cross-browser compatibility, it’s optimized for mobile and desktop. The app includes social media meta tags for seamless sharing and visibility.

License

Notifications You must be signed in to change notification settings

Anuj-er/Digital-Clock-App

Repository files navigation

⏰ Eclipse Clock

Eclipse Clock APK - a modern digital clock app with a unique, customizable interface. Built using React and Tailwind CSS for a sleek and responsive design.


📋 Table of Contents


🌐 Project Overview

Eclipse Clock is a custom APK for a digital clock with an elegant, user-friendly design. Built with React and styled with Tailwind CSS, it provides a responsive experience for both mobile and desktop. Open Graph and Twitter Card meta tags are included for optimized social media sharing.


✨ Features

  • Responsive Design: Tailwind CSS ensures compatibility across mobile and desktop.
  • Customizable Interface: Easily adjust settings for a personalized clock display.
  • Cross-Browser Compatibility: Optimized for smooth performance on various devices and browsers.
  • Social Media Ready: Includes Open Graph and Twitter Card meta tags for enhanced visibility.

📂 Project Structure

├── .gitattributes
├── .gitignore
├── LICENSE
├── README.md
├── dist
│   └── output.css
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
│   ├── favicon_io
│   │   ├── android-chrome-192x192.png
│   │   ├── android-chrome-512x512.png
│   │   ├── apple-touch-icon.png
│   │   ├── favicon-16x16.png
│   │   ├── favicon-32x32.png
│   │   ├── favicon.ico
│   │   └── site.webmanifest
│   └── index.html
├── src
│   ├── App.js
│   ├── components
│   │   └── DigitalClock.js
│   ├── index.css
│   └── index.js
└── tailwind.config.js

🚀 Getting Started

Prerequisites

  • Node.js (v14+)
  • npm (v6+)

Installation

  1. Clone the repository:
git clone https://github.com/your-username/eclipse-clock.git
  1. Navigate to the project directory:
cd eclipse-clock
  1. Install dependencies:
npm install
  1. Start the development server:
npm start
  1. Build for production:
npm run build

📜 Available Scripts

-npm start: Runs the app in development mode. -npm run build: Builds the app for production, outputting files to the dist folder.

💻 Usage

After installation, access the app by visiting http://localhost:3000 in your browser. To host the APK online, consider deploying it to a platform like Vercel or Netlify.

👀 Preview

Here’s a sneak peek of the Eclipse Clock APK:

Preview of Eclipse Clock


📄 License

This project is licensed under the MIT License. See the LICENSE file for details.

About

Eclipse Clock is a sleek, customizable digital clock app built with React and Tailwind CSS. Featuring a responsive design and cross-browser compatibility, it’s optimized for mobile and desktop. The app includes social media meta tags for seamless sharing and visibility.

Topics

Resources

License

Stars

Watchers

Forks