Vue Spreadsheet Application

Hello there! 👋

Welcome to the Vue Spreadsheet Application project. This modern, interactive web app, built using Vue.js. It's ideal for anyone seeking a powerful yet user-friendly spreadsheet solution.

🚀 Features

Multiple Tabs: Easily manage different datasets with the ability to switch between multiple tabs.
Editable Cells: Click and edit any cell, offering a seamless experience akin to Excel or Google Sheets.
Infinite Scrolling: As you scroll down, new rows appear automatically, eliminating the need for manual additions.
Keyboard Navigation: Navigate through cells using arrow keys for efficient data entry and editing.
Local Storage Integration: Your data is safely stored and retrieved from local storage, ensuring no loss of data between sessions.
Focused Interaction: Active cell and header highlighting, making it easier to track your position in large datasets.
Animations and Interactivity: Smooth transitions and responsive interactions for an enhanced user experience.

📋 How It Works

Tabs Management: You can create new tabs or switch between existing ones using the tabs bar at the top. Each tab holds a unique set of data.
Editing Cells: Simply click on a cell to edit its content. Your changes are saved as soon as you move to another cell or press enter.
Scrolling for More: When you reach the bottom of the spreadsheet, more rows will load automatically.

🎨 Styling

The application boasts a clean, minimalistic design, focusing on usability and aesthetics.
Active cells and headers are highlighted, improving visibility and focus.
Intuitive UI elements, like the 'Add Tab' button, enhance user interaction.

🛠 Built With

Vue.js: Ensures a responsive and dynamic user interface.
SASS: Provides advanced styling capabilities for the components.

🏃🏼 How to Run

To get the application up and running on your local machine, follow these steps:

cd SheetsProjVue/
npm install
npm run dev