Carbon Registry Web Frontend

May 22, 2023 ยท View on GitHub

This programme was developed with using ReactJS (v18) with the following tech stack.

  1. UI Component library Ant Design (v4.24)
  2. React packager Craco
  3. Graph library Apex Charts
  4. UI DesignsFigma UI Designs
  5. Icons Bootstrap Icons

Start Locally

  1. yarn install
  2. yarn run start:dev

Runs the app in the development mode.
Open http://localhost:3030/ to view it in the browser.

Logo Story

A diamond shaped graphic element is the primary feature of the logo. Naturally, diamond contains the highest concentration of the pure carbon element. Disconnected diamond shape is also graphically representative of the letter C denoting carbon. The arrowhead represents the recycling of carbon, minimising carbon emissions.

Color Pallette


Icon Glossary