New Tab is a chrome extension that changes and controls some of the browser's default settings and behaviours.
- Control chrome's new-tab page: New tab contains a simple text input, which acts as a search box: User's typing will generate a list of auto suggested keywords (using the Auto-suggest API). User's submit will redirect the page into search results page (using the Search redirect API).
- Taking over the default search settings: The extension takes over the default search engine, and the auto-suggest in the browser.
- Search history widget: The extension searches for the User's last websites in chrome's history, and displays them as links to the user.
- Modular component based structure, easy to scale: Because the app is written using react framework, it's components are fully modular, and easy to reuse.
-
After cloning or downloading the project directory run
npm install -
Make sure you are in the project root directory and run
npm run build -
Go to chrome://extensions/.
-
At the top right, turn on Developer mode.
-
Click Load unpacked.
-
Find and select the
build/folder in main project folder. -
Open a new tab in Chrome and Make sure the app loads and works correctly.
For more information or error handling visit Create and publish custom Chrome apps & extensions.
The documentation was developed using react-styleguide
Click here for the app's full documentation
To test the app in react development node, run npm start.
Take notice, due to the browser's limitaion policy some features won't work in development mode and mock data will be presented.
For Integration testing the project uses selenium webdriver npm package.
To run the tests, use the npm run test command.
Take notice, in order to perform selenium based tests, you must have chromedriver executable installed. The above npm package link contains further explanation on this matter.