Bionic reader extension for chromium browsers.
React with TypeScript
Webpack 5
To deploy this project for development:
- Clone this repo:
git clone https://github.com/c-arvind/bionic-reader.git
- Install all the dependencies for the client and the server:
cd bionic-reader/client
npm i
cd ../server
npm i
- Next, run the following command to build the dist folder:
cd ../client
npm run dev
-
Now, you must see a folder named dist in your client directory.
-
Next, run the following command to start the server. Make sure to add a .env file in the server directory with the API key and API host.
cd ../server
npm run dev
- Open Google Chrome and click on the extensions icon.
- Click on it, then click on manage extensions. Now ensure that you have turned on the Developer Mode
-
Click on Load Unpacked. A file selector window should open. Select the previously created dist folder.
-
The extension should now be visible. While the dev script is running, all changes in made in development can be simultaneously seen on the loaded extension.
Wire framing: Using Excalidraw
Time Management: Using Cuckoo
Gradients: Using Colorhunt and UI Gradients