Cyrus-Kiprop/html_coding_challenge

A dynamic svg element

Coding challenge

Impact graphs

{
  name: "Inkjet Printer",
  impacts: {
    climate_change: {
      production: 45,
      distribution: 23,
      use: 12,
      end_of_life: 5
    },
    energy_use: {
      production: 32,
      distribution: 5,
      use: 28,
      end_of_life: 1
    }
  }
}

Live Demo

• production

Built With

Front-End(client)

• HTML + CSS
• HTML SVG
• JavaScript
• Stimulusjs
• Tailwindcss

Testing Frameworks

• Jest

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

• Node

• Basic knowledge of npm/yarn

Installation

1. Clone the repo

git clone https://github.com/Cyrus-Kiprop/html_coding_challenge.git

2. CD into the project root directory

cd ./html_coding_challenge

3. Install Dependencies and packages

yarn install

4. start the app locally

yarn start

Run Test Cases

yarn jest

Usage

Navigate to your browser and open port 9000 (use your live server port):

http//localhost:9000

Authors

👤 Cyrus Kiprop

• Github: Cyrus-Kiprop
• Twitter: @kipropJS
• Linkedin: Cyrus Kiprop

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Project requested by EarthSter Team.