https://github.com/renyzeraa/work-time-calculator

A fun app that calculates the exact time you can leave work, with a confetti animation to celebrate when you complete your full shift!
https://github.com/renyzeraa/work-time-calculator

nextjs14 radix-ui reactjs shadcn-ui tailwindcss

Last synced: about 2 months ago
JSON representation

A fun app that calculates the exact time you can leave work, with a confetti animation to celebrate when you complete your full shift!

Host: GitHub
URL: https://github.com/renyzeraa/work-time-calculator
Owner: renyzeraa
Created: 2025-02-07T18:01:01.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2025-02-07T19:06:18.000Z (over 1 year ago)
Last Synced: 2025-02-07T19:32:19.653Z (over 1 year ago)
Topics: nextjs14, radix-ui, reactjs, shadcn-ui, tailwindcss
Language: TypeScript
Homepage:
Size: 0 Bytes
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 🕒 Work Time Calculator 🎉

A fun and simple app to calculate when you can leave work! 🎉 If you complete your full shift, you'll get a confetti animation to celebrate. Perfect for adding some excitement to your workday!

## 🚀 Technologies Used

- **Next.js**
- **React**
- **Tailwind CSS**
- **ShadCN UI** (with Radix)

## 📥 Installation

1. Clone this repository:
```bash
git clone https://github.com/your-username/work-time-calculator.git
```
2. Navigate to the project directory:

```bash
cd work-time-calculator
```

3. Install the dependencies:
```bash
npm install
```
4. Run the app:
```bash
npm run dev
```
5. Open your browser and go to http://localhost:3000.

## 🛠️ How to Use

1. Fill in the start and end times for your work shift.
2. The app will calculate the exact time you can leave and let you know if you’ve worked overtime.
3. If you’ve completed your full shift, celebrate with a fun confetti animation!

![image](https://github.com/user-attachments/assets/dc5936cc-db9a-49c8-9b13-1986ddc6f941)

Deploy 🚀

---

Se você tiver alguma dúvida ou sugestão, entre em contato e sinta-se à vontade para contribuir !