|
1 | | -# chrome-dev-newtab |
| 1 | +# Chrome Dev Newtab |
| 2 | + |
2 | 3 | A dev friendly new tab for Google Chrome. |
3 | 4 | Google chrome extension that turn a new tab into a productive dashboard. |
4 | 5 |
|
5 | | - |
6 | 6 |  |
7 | 7 |
|
| 8 | +🚧 **Features** 🚧 : |
8 | 9 |
|
9 | | - |
10 | | -🚧 **features** 🚧 : |
11 | 10 | - Works offline ✅ |
12 | 11 | - Show memory and cpu usage ✅ |
13 | 12 | - Google or Stackoverflow search bar ✅ |
14 | 13 | - Easily delete browser data ✅ |
15 | 14 | - Easy access to the browser history ✅ |
16 | 15 | - Javascript sandbox ✅ |
17 | | -- Kanban board (with local storage data persistence) ✅ |
| 16 | +- Kanban board (with local storage data persistence) ✅ |
18 | 17 | - Lighthouse integration ✅ |
19 | 18 | - Markdown editor (with local storage data persistence) ✅ |
20 | 19 | - Github ready ✅ |
21 | 20 | - Trending posts from CS related subreddits ✅ |
22 | | -- Light and dark theme ⏳ |
23 | | - |
24 | | - |
25 | | - |
26 | | - |
| 21 | +- Light and dark theme ⏳ |
27 | 22 |
|
28 | 23 | ## Installation |
| 24 | + |
29 | 25 | - Go to `chrome://extensions/` and check the box for Developer mode in the top right. |
30 | | -- Download and unzip `extension.zip` from the last release |
| 26 | +- Download and unzip `extension.zip` from the last release |
31 | 27 | - Drag and drop the `dist` folder into extensions tab |
32 | 28 | - Activate the extension |
| 29 | + |
33 | 30 | ## Development |
34 | | -Since Chrome apis cannot be used outside extension scope (`chrome-extension://`) you cannot run the app as you would normally do with a react application. |
| 31 | + |
| 32 | +Since Chrome apis cannot be used outside extension scope (`chrome-extension://`) you cannot run the app as you would normally do with a react application. |
35 | 33 |
|
36 | 34 | - Go to `chrome://extensions/` and check the box for Developer mode in the top right. |
37 | 35 | - Fork the repo and clone it locally |
38 | | -- Install dependencies with `npm install`. |
39 | | -- Do a first build `npm run build` |
| 36 | +- Install dependencies with `npm install`. |
| 37 | +- Do a build first with `npm run build` |
40 | 38 | - Run `npm run start` |
41 | 39 | - In another shell tab run `npm run watch` |
42 | 40 | - Open extensions tab in google chrome |
43 | | -- drag and drop the `build` folder into extensions tab |
| 41 | +- Drag and drop the `build` folder into extensions tab |
44 | 42 | - Activate the extension |
45 | 43 | - Start coding |
46 | 44 |
|
|
0 commit comments