📊 Interactive Data Table Application

An interactive web application that displays a data table fetched from Google Sheets with sorting and filtering functionalities.

🚀 Features

• Login Page: Simple authentication (Username: demo, Password: demo)
• Data Fetching: Loads data from a public Google Sheets document
• Sorting: Click on column headers to sort data
• Filtering: Search input to filter data based on the "Domain Name" column
• Deployment: Hosted on Vercel for easy access

📜 Live Demo

🔗 Interactive Data Table Application

📦 Tech Stack

• Frontend: HTML, CSS, JavaScript , React.Js
• Backend: None (Client-side processing)
• Deployment: Render

🔖 Topics Covered

• HTML, CSS, JavaScript
• Google Sheets API
• Data Table Manipulation
• Sorting & Filtering
• Authentication
• Deployment on Render

🔑 How to Use

1. Login using:
   • Username: demo
   • Password: demo
2. View the table populated from Google Sheets.
3. Sort by clicking on column headers.
4. Filter results using the search input.

📥 Installation & Setup

1. Clone the repository:

   git clone https://github.com/yourusername/interactive-data-table.git
   cd interactive-data-table
   

2. Open index.html in a browser.

🚀 Deployment:

The application is deployed on Vercel. You can deploy your own version by:

• Forking this repository.
• Connecting it to Vercel.
• Deploying directly from the repository.