https://github.com/deveshru2712/lockdin-extension
About LockdIn is a Chrome extension that boosts productivity by blocking distracting websites.
https://github.com/deveshru2712/lockdin-extension
bun chorme-extension crxjs tailwindcss typescript vite
Last synced: about 2 months ago
JSON representation
About LockdIn is a Chrome extension that boosts productivity by blocking distracting websites.
- Host: GitHub
- URL: https://github.com/deveshru2712/lockdin-extension
- Owner: deveshru2712
- Created: 2025-10-02T06:35:41.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-10-07T01:54:14.000Z (9 months ago)
- Last Synced: 2025-10-07T03:33:57.468Z (9 months ago)
- Topics: bun, chorme-extension, crxjs, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 43.9 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Vite + CRXJS
This template helps you quickly start developing Chrome extensions with React, TypeScript and Vite. It includes the CRXJS Vite plugin for seamless Chrome extension development.
## Features
- React with TypeScript
- TypeScript support
- Vite build tool
- CRXJS Vite plugin integration
- Chrome extension manifest configuration
## Quick Start
1. Install dependencies:
```bash
npm install
```
2. Start development server:
```bash
npm run dev
```
3. Open Chrome and navigate to `chrome://extensions/`, enable "Developer mode", and load the unpacked extension from the `dist` directory.
4. Build for production:
```bash
npm run build
```
## Project Structure
- `src/popup/` - Extension popup UI
- `src/content/` - Content scripts
- `manifest.config.ts` - Chrome extension manifest configuration
## Documentation
- [React Documentation](https://reactjs.org/)
- [Vite Documentation](https://vitejs.dev/)
- [CRXJS Documentation](https://crxjs.dev/vite-plugin)
## Chrome Extension Development Notes
- Use `manifest.config.ts` to configure your extension
- The CRXJS plugin automatically handles manifest generation
- Content scripts should be placed in `src/content/`
- Popup UI should be placed in `src/popup/`