Skip to content

TabSaver - Powerful cross-device tab management tool for Chrome extension. Real-time sync, smart search, and bulk operations make your browsing experience seamless and efficient.

License

Notifications You must be signed in to change notification settings

3sheng/TabSaver

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Feb 19, 2025
984866a Β· Feb 19, 2025

History

7 Commits
Feb 19, 2025
Feb 19, 2025
Nov 29, 2024
Feb 19, 2025
Feb 19, 2025
Nov 29, 2024
Feb 19, 2025
Nov 29, 2024
Feb 19, 2025
Feb 19, 2025
Nov 29, 2024
Nov 29, 2024
Dec 2, 2024
Feb 19, 2025
Nov 29, 2024
Dec 2, 2024

Repository files navigation

TabSaver Website

A modern, responsive website for the TabSaver Chrome Extension, designed to help users manage and organize their browser tabs efficiently.

site: https://tab-saver.vercel.app/

🌟 Features

  • Clean, modern user interface
  • Responsive design that works on all devices
  • Local font and icon loading for improved performance
  • Material Design icons integration
  • Cross-browser compatibility
  • Graceful degradation with fallback options

πŸ› οΈ Technology Stack

  • HTML5
  • CSS3
  • JavaScript (Vanilla)
  • Material Icons
  • Custom Fonts

πŸ“¦ Project Structure

TabSaverWebsite/
β”œβ”€β”€ index.html          # Main HTML file
β”œβ”€β”€ css/
β”‚   β”œβ”€β”€ style.css           # Main stylesheet
β”œβ”€β”€ js/
β”‚   └── script.js          # Main JavaScript file
β”œβ”€β”€ images/
└── README.md

πŸš€ Getting Started

Prerequisites

  • A modern web browser (Chrome, Firefox, Safari, or Edge)
  • A local web server (optional, but recommended for development)

Installation

  1. Clone the repository:

    git clone https://github.com/3sheng/TabSaver.git
  2. Navigate to the project directory:

    cd TabSaverWebsite
  3. Open index.html in your web browser or serve it through a local web server.

πŸ’» Development

To work on this project locally:

  1. Make sure all asset files (fonts, icons) are in their respective directories
  2. Use a local web server for development to avoid CORS issues
  3. Test changes across different browsers to ensure compatibility

🎨 Design Decisions

  • Local font and icon hosting for improved performance and offline capability
  • Fallback mechanisms for failed resource loading
  • Responsive design principles for multi-device support
  • Accessibility considerations in UI elements

πŸ” Browser Support

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)

πŸ“ Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

πŸ“„ License

This project is licensed under the Apache-2.0 License - see the LICENSE file for details.

🀝 Contact

For any questions or suggestions, please open an issue in the repository.


Made with ❀️ for TabSaver users

About

TabSaver - Powerful cross-device tab management tool for Chrome extension. Real-time sync, smart search, and bulk operations make your browsing experience seamless and efficient.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published