React Parallelogram Autocomplete

Parallelogram Autocomplete is a webapp written with JavaScript and React that calculates the 4th missing point of a parallelogram and draws a circle of same area and center of mass. On the whiteboard, click on 3 different points, they'll be the vertices and the 4th point will be automatically calculated and the circle will be drawn.

The area is calculated with Heron's formula.

Demo

Local Development

# Initial setup
npm install

# Start the server
npm start

Production Build

npm build

Tests

npm test

Folder Structure

react-parallelogram-autocomplete/
  README.md
  package.json
  public/
    index.html
    favicon.ico
    manifest.json
  src/
    components/
    containers/
    css/
    presenters/
    index.js

What’s Inside?

• React
• Babel
• webpack
• Sass
• Autoprefixer
• Bootstrap