Overview

Vaporflow is a browser start page Chrome extension that allows users to customize their start page with a stylish design and various features. Powered by React 18 and TypeScript, Vaporflow is built on top of the Chrome Extension Boilerplate React Vite and uses the Tailwind CSS framework along with components from Daisy UI for easy customization. It supports the latest Chrome Extension Manifest V3 specification.

Features

• Based on Tailwind CSS + Daisy UI component
• OpenWeather integration for real-time weather updates
• Built with React 18 and TypeScript
• Supports Chrome Extension Manifest V3 specification
• Customizable bookmarks and categories
• Easy configuration with the src/pages/newtab/config.json file
• Stylish design and customizable themes

Installation

To install Vaporflow Chrome extension, follow these steps:

1. Clone or fork this repository:

   git clone git@github.com:gaelgoth/vaporflow-startpage.git
   

2. Install the required dependencies using yarn or npm:

   yarn install
   

3. Run the development server with the command:

   yarn dev
   

4. Open the Chrome browser and access chrome://extensions.

5. Enable the Developer mode.

6. Click on “Load unpacked extension” and select the dist folder from the cloned repository.

7. To build the extension for production, run the following command:

   yarn build
   

   Note: Make sure your node version is greater than or equal to 16.

8. The Vaporflow extension is now installed and can be accessed through the browser’s start page.

Summary

Vaporflow is a customizable browser start page Chrome extension that offers a stylish design and various features. It is built using React 18 and TypeScript and leverages the Tailwind CSS framework with components from Daisy UI for easy customization. It supports the latest Chrome Extension Manifest V3 specification and allows users to integrate real-time weather updates and customize their bookmarks and categories. With easy installation and configuration, Vaporflow is a convenient extension for users looking to personalize their browser start page.