https://github.com/joannajjliu/eco-hacks-fe

FE repo for ecohacks (https://ecohack.devpost.com/)
https://github.com/joannajjliu/eco-hacks-fe

Last synced: 5 days ago
JSON representation

FE repo for ecohacks (https://ecohack.devpost.com/)

• Host: GitHub
• URL: https://github.com/joannajjliu/eco-hacks-fe
• Owner: joannajjliu
• Created: 2021-09-03T19:11:07.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-09-06T18:33:42.000Z (over 3 years ago)
• Last Synced: 2024-12-07T19:07:11.511Z (2 months ago)
• Language: JavaScript
• Homepage: https://ecohacks-team-kenny02.netlify.app/
• Size: 978 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Testing locally on browser (Not the extension, see below for testing extension)

npm run start-mock (no mock available atm)

# Build

npm run build

# Enable chrome extension to work on local

open chrome and go to URL 'chrome://extensions/'

select 'load unpacked' and select the build folder of this project

after this initial setup you only have to update the extension after rebuilding the project

# Overview

script.js is injected into Chrome on startup, this will send product model number to the extension to be used

## Helpful links used

### Creating d3 donut pie chart with React

- [D3 basic donut reference code](https://www.d3-graph-gallery.com/graph/donut_basic.html)

- [Setting up React app with D3 v6 or v7, using refs](https://www.pluralsight.com/guides/using-d3.js-inside-a-react-app)

- [Medium article - create pie chart with d3 and react hooks](https://medium.com/stationfive/how-to-create-a-pie-chart-with-d3-js-and-react-hooks-part-1-81bcd7f39b32)

- [Code sandbox d3 pie graph with hooks](https://codesandbox.io/s/r5wp0v08xq?from-embed)

- [Codepen D3 circle meter example](https://codepen.io/herudea/pen/YpEeRW)