This is a simple Chrome extension built with React from Figma design.
To run the project, follow these instructions:
- Open your terminal.
- Change the directory to
react-chrome-app
using the commandcd react-chrome-app
. - Install all dependencies by running
npm install
. - Start the development server using
npm run start
.
cd react-chrome-app
npm install
npm run start
To build the extension, follow these instructions:
- Open your terminal.
- Change the directory to
react-chrome-app
using the commandcd react-chrome-app
. - Install all dependencies by running
npm install
. - Build the project using
npm run build
.
cd react-chrome-app
npm install
npm run build
After building the extension, you can import it to Chrome by following these steps:
- Open Chrome and go to
chrome://extensions/
. - Enable Developer mode in the top right corner of the page.
- Click on the Load unpacked button and select the build folder from your project directory.
- The extension should now be added to your list of installed extensions.
That's it! You can now use the React Chrome extension.