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.
-
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.
- 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.
- 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.
- Vue.js: Ensures a responsive and dynamic user interface.
- SASS: Provides advanced styling capabilities for the components.
To get the application up and running on your local machine, follow these steps:
cd SheetsProjVue/
npm install
npm run dev