Welcome to the Clock-In/Out System! ⏰✨ This project combines a Django backend with a React.js frontend, allowing users to create accounts, clock in and out of their shifts, leave descriptions, view previous shifts, and generate PDF invoices summarizing their hours worked. 💼💰
- User Registration: Sign up and manage your account easily! 📝
- Clock In/Out: Start your shift with a clock-in and end it with a clock-out, leaving a description for each shift. ⏳✍️
- Shift History: Keep track of all your previous shifts, including clock-in/out times and descriptions. 📅🔍
- Invoice Generation: Generate a PDF invoice summarizing all your shifts with calculated earnings based on your salary! 📄💵
- Frontend: React.js ⚛️
- Backend: Django 🐍
- Database: SQLite (or any preferred database) 🗄️
- PDF Generation: ReportLab 📜
- Styling: CSS/Bootstrap (or any preferred styling library) 🎨
- Create an Account: Navigate to the registration page to create a new user account. 🚀
- Clock In/Out: Use the clock-in button to start your shift and the clock-out button to end it. Don't forget to leave a description when clocking out! 🕔🕔
- View Shifts: Check the previous shifts section to see all your clocked-in and clocked-out records. 📊
- Generate Invoice: Click the invoice button to generate a PDF summarizing your shifts and earnings. 🧾✨
This project uses the ReportLab library to generate PDF invoices, including:
- Total hours worked ⏲️
- Breakdown of shifts 📅
- Total earnings based on the specified hourly rate 💰