https://github.com/srudhi6383/play-power-labs

Easily manage and convert time across multiple timezones with our sleek and intuitive Timezone Converter!
https://github.com/srudhi6383/play-power-labs

draganddrop javascript momentjs react-js reactdatepicker

Last synced: 2 months ago
JSON representation

Easily manage and convert time across multiple timezones with our sleek and intuitive Timezone Converter!

• Host: GitHub
• URL: https://github.com/srudhi6383/play-power-labs
• Owner: srudhi6383
• Created: 2024-07-30T12:14:32.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2024-08-03T12:12:43.000Z (5 months ago)
• Last Synced: 2024-09-26T17:41:34.441Z (3 months ago)
• Topics: draganddrop, javascript, momentjs, react-js, reactdatepicker
• Language: JavaScript
• Homepage: https://time-converter-wi41.vercel.app/
• Size: 450 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PlayPowerLabs-Timezone-convertor 🌍🕒

## Introduction 🛠️

The Timezone Converter Tool is a web application that enables users to convert current times between different time zones. Users can select and change times using a slider component, add new timezones, reorder them through drag-and-drop, and remove specific timezones with ease.

## Features 🌟

- **Time Conversion**: Convert selected times between UTC, IST, and other timezones using a slider.

- **Add Timezones**: Add new timezones such as Eastern Time, Pacific Standard Time, and more.

- **Drag-and-Drop Reordering**: Rearrange the order of timezones via drag-and-drop.

- **Remove Timezones**: Remove specific timezones by clicking the cross icon.

- **Date Selection**: Select a date using a Date Picker and show updated dates for other timezones.

- **Reverse Order**: Reverse the order of timezones by clicking a button.

- **Dark Mode**: Toggle between light and dark modes.

## Live: [Click here](https://time-converter-wi41.vercel.app/)

## Technology Stack 🖥️

### Frontend:

- React

- React Slider

- React Datepicker

- Dnd-Kit

## Screenshot 🎨

- Light Mode

![alt text]()

- Dark Mode

![alt text]()