A sleek, modern, single-page web application for easily entering receipt data and exporting it to an Excel (.xlsx) file. Built with a beautiful, animated interface featuring an interactive starfield background and both light and dark modes.
🖼️ Replace the placeholder below with a screenshot or GIF of your application!
- Intuitive Data Entry: A clean form to input Receipt ID, Price, and Date of Receipt.
- Dynamic Data Table: View, manage, and remove receipts in a live-updating table.
- One-Click Excel Export: Download all your receipt data into a formatted
.xlsxfile using the SheetJS library. - Persistent Data: Data is saved in your browser’s local storage, so it won’t be lost after a refresh.
- Stunning UI:
- Interactive, animated starfield background that reacts to mouse movement.
- "Floating" glassmorphism effect for the main container.
- Smooth animations and transitions.
- Light & Dark Modes: Easily toggle between light and dark themes.
- Fully Responsive: Works seamlessly on desktops, tablets, and mobile devices.
- Zero Dependencies: Runs from a single
index.htmlfile in any modern web browser. No installation required.
- HTML5
- CSS3 & Tailwind CSS
- JavaScript (ES6+)
- SheetJS (xlsx) – for Excel file generation
- Open the file: Double-click
index.htmlor open it in your favorite browser (Chrome, Firefox, Edge). - Enter Data: Fill in the fields: Receipt ID, Price, and Date of Receipt.
- Add to List: Click Add Receipt to List – the entry appears in the live-updating table.
- Manage Data: Add as many receipts as needed. Remove entries with the Remove button.
- Download: Click Download as Excel – a file named
receipts.xlsxwill be saved to your computer.
This project is licensed under the MIT License.
See the LICENSE.md file for details (optional).
✨ This project was created to provide a simple yet elegant solution for basic data entry and export.