Skip to content

RareDrops/user-time-check

Repository files navigation

UserTimeCheck

demo.gif

UserTimeCheck is a simple webpage that shows the current time of the user. It uses Day.js to get the time, date, and timezone information. The user can also change the timezone using a modal with a dropdown selection.

Example app can be found in: https://raredrops.github.io/UserTimeCheck

Features

  • Automatically detects the user's timezone.
  • Displays the current time and date based on the user's timezone.
  • Allows the user to change the timezone using a modal with a dropdown selection.
  • Uses Day.js for date and time manipulation.
  • Uses MicroModal for the modal functionality.

Installation

  1. Clone the repository:
git clone https://github.com/RareDrops/UserTimeCheck.git
  1. Navigate to the project directory:
cd UserTimeCheck
  1. Install the dependencies:
npm install

Usage

  1. Start the server:
npm install -g live-server
live-server
  1. Open your browser and navigate to http://localhost:8090 or whatever the server is serving at.

Dependencies

  • Day.js - A minimalist JavaScript library for date and time manipulation.
  • Express - A minimal and flexible Node.js web application framework.
  • MicroModal - A lightweight, configurable modal library.

DevDependencies

  • Webpack - A static module bundler for modern JavaScript applications.
  • Webpack CLI - Command line interface for Webpack.

Scripts

  • live-server: Runs the server.
  • npm run build: Builds the project using Webpack.

License

This project is licensed under the MIT License.

Author

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any changes.

Issues

If you encounter any issues, please open an issue on GitHub: https://github.com/RareDrops/UserTimeCheck/issues

About

A simple webpage that shows the current time of the user.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published