An open API service indexing awesome lists of open source software.

https://github.com/int128/bntp

Chrome extension BNTP (Bookmarks in New Tab Page)
https://github.com/int128/bntp

bookmark chrome-extension react typescript

Last synced: 6 months ago
JSON representation

Chrome extension BNTP (Bookmarks in New Tab Page)

Awesome Lists containing this project

README

          

# BNTP: Bookmarks in New Tab Page [![react](https://github.com/int128/bntp/actions/workflows/react.yaml/badge.svg)](https://github.com/int128/bntp/actions/workflows/react.yaml)

This is an extension for Chrome, providing the New Tab Page with bookmarks and recently visited sites.
https://chrome.google.com/webstore/detail/feeleilgbmkkpapllljmclmbeddcdeeh

## Screenshots

Here are the screenshots generated by Storycap in GitHub Actions.


Light
Dark






Bookmark Editor
Preferences




## Architecture

- Chrome extension
- React Hooks
- TypeScript
- ESLint
- Prettier
- Storybook

## History

- v3 is built with React Hooks and TypeScript (2022)
- [v2](https://github.com/int128/bntp/tree/v2) was built with React, Redux and Immutable.js (2017)
- v1.2 was built with React (2015)
- v1.1 was built with Vue.js (2015)
- v1.0 was built with Angular 1 and Coffeescript (2014)

## Development

### Load the extension in Chrome

To watch and build the extension:

```sh
pnpm run dev
```

To add the extension to Chrome:

1. Open chrome://extensions/
1. Click "Load unpacked" button
1. Select `dist` directory of this project
1. Open a new tab

### Test

```sh
pnpm run test
```

### Release

To build the extension for production:

```sh
pnpm run build
```

Create a new release tag.
GitHub Actions will build a package for production as `dist.zip` archive.