Skip to content

SharkJets/astro-clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Astro Clock

A minimal Astro.js app displaying a live ticking clock in 24-hour format, styled with Tailwind CSS.

Features

  • Live updates — ticks every second
  • 24-hour format — HH:MM:SS
  • CST timezone — America/Chicago (handles daylight saving automatically)
  • Tailwind CSS — clean, minimal dark theme
  • Responsive — scales from mobile to desktop

Getting Started

npm install
npm run dev

Open http://localhost:4321

Project Structure

src/
├── components/
│   └── Clock.astro    # Live clock component
├── layouts/
│   └── Layout.astro   # Base HTML layout
├── pages/
│   └── index.astro    # Home page
└── styles/
    └── global.css     # Tailwind imports

Built With

  • Astro — static site generator with island architecture
  • Tailwind CSS — utility-first CSS

License

MIT

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors