https://github.com/code1616/csvexporterform
Bilingual Form Manager is a simple web app for storing user data in LocalStorage, with CSV export functionality. It supports both Persian and English languages, and automatically switches between RTL and LTR layouts.
https://github.com/code1616/csvexporterform
csv csv-export exel hmtl-css-javascript html5
Last synced: 11 months ago
JSON representation
Bilingual Form Manager is a simple web app for storing user data in LocalStorage, with CSV export functionality. It supports both Persian and English languages, and automatically switches between RTL and LTR layouts.
- Host: GitHub
- URL: https://github.com/code1616/csvexporterform
- Owner: Code1616
- License: mit
- Created: 2025-01-05T22:49:21.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-07T19:29:03.000Z (about 1 year ago)
- Last Synced: 2025-01-21T10:14:24.183Z (about 1 year ago)
- Topics: csv, csv-export, exel, hmtl-css-javascript, html5
- Language: JavaScript
- Homepage: https://code1616.github.io/CSVExporterForm/
- Size: 49.8 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌐 Bilingual Form Manager
A sleek and bilingual (FA/EN) form application designed to store user data in LocalStorage, export data as CSV, and switch seamlessly between RTL and LTR layouts. Perfect for modern web projects!
---
## 🚀 Features at a Glance
- **Bilingual Support**: Fully supports Persian and English languages.
- **Data Storage**: Saves data locally using your browser’s LocalStorage.
- **CSV Export**: Export user data as a properly encoded CSV file.
- **Responsive Design**: Automatically adjusts layout for RTL or LTR based on the selected language.
- **Cross-Browser Compatibility**: Works flawlessly on major browsers.
---
## 📖 Table of Contents
1. [Usage](#usage)
2. [Screenshots](#screenshots)
3. [Project Structure](#project-structure)
4. [Features in Detail](#features-in-detail)
5. [Installation](#installation)
6. [Browser Support](#browser-support)
7. [License](#license)
---
## 🎯 Usage
1. Select your preferred language (FA/EN) using the language switcher.
2. Fill in the required fields:
- First Name
- Last Name
- Mobile Number
3. Save your data by clicking **"Save Data"**.
4. Use **"Download CSV"** to export all saved records.
5. To reset everything, click **"Clear Saved Data"**.
---
## 🖼️ Screenshots
### Persian Form
### English Form
---
## 🗂️ Project Structure
- **index.html**: Main HTML structure and layout
- **style.css**: Styling and theme definitions
- **script.js**: Handles all application logic
---
## 🔍 Features in Detail
### Data Storage
- Uses browser's LocalStorage for persistent storage.
- Stores data in a clean and accessible JSON format.
- Ensures all inputs meet validation constraints before saving.
### CSV Export
- Exports saved records in UTF-8 encoded CSV format.
- Includes headers in both Persian and English.
- BOM (Byte Order Mark) ensures proper encoding in all spreadsheet software.
### Language Support
- Effortless switching between Persian and English.
- Adapts layout dynamically to RTL or LTR direction.
- Remembers your language preference for the session.
---
## 💻 Installation
Follow these simple steps to run the project locally:
1. Clone the repository:
```bash
git clone https://github.com/Code1616/CSVExporterForm.git
```
2. Open the `index.html` file in your browser.
---
## 🌍 Browser Support
| Browser | Supported Version |
|----------|-------------------|
| Chrome | Latest |
| Firefox | Latest |
| Safari | Latest |
| Edge | Latest |
---
## 📜 License
This project is licensed under the **MIT License**. Feel free to use it for both personal and commercial purposes.
---
### 💡 Pro Tip
Want to see it live? Host it on [GitHub Pages](https://code1616.github.io/CSVExporterForm/) and share the link! 🚀