Data

Tools

Indexes

Applications

Experiments

Open Sustainable Technology

Klimatkollen

A web application that displays emissions within municipalities in Sweden, along with a machine learning data pipeline under development, which will find, extract, and list emissions from companies.
https://github.com/klimatbyran/frontend

Category: Emissions
Sub Category: Emission Observation and Modeling

Last synced: about 11 hours ago
JSON representation

Repository metadata

Klimatkollen's frontend

README.md

Klimatkollen Frontend

Welcome to the frontend of klimatkollen.se, developed using TypeScript, React, Vite, and Tailwind CSS.

Klimatkollen is an open-source, citizen-driven platform designed to visualize climate data. Currently, we are showcasing data from major Swedish companies and Swedish municipalities.

🚀 Project Structure

  • src/pages/: Contains .tsx files for each page, which are routed based on their filenames.
  • src/components/: Houses reusable React components utilized throughout the application.
  • public/: Stores static assets such as images.

🗄️ Deciding on backend to run development client against

To run the local development client, you must run our API locally or connect to our production API. For information on setting up the API locally, see the README in our data pipeline repository.

If you instead want to run the local development client against production,
setup the local .env file for development by running the following command in
the root directory of the frontend code.

cp .env.example .env.development

🧞 Building and Running Locally

To run the project locally, execute the following commands from the root of the project in your terminal:

Command Action
npm install Installs dependencies
npm run dev Starts local dev server at localhost:5173 or
VITE_API_PROXY
npm run dev-gen Starts local dev server at localhost:5173 and generate api
keys
npm run build Builds your production site to ./dist/
npm run preview Previews your build locally, before deploying
npm run build:dataguide

Note: When making changes to the data guide content (markdown files in src/locales/dataguide/), you need to run npm run build:dataguide to generate the updated JSON files. This step is automatically included when running npm run build for production builds.

👩‍💻 Contributing

Do you have an idea for a feature? Jump into the code or head to our Discord server to discuss your thoughts. You can also submit an issue explaining your suggestion.

How to Contribute

  • Discuss your ideas on our Discord.
  • Submit an issue if you can't find an existing one.
  • Pick up an issue from our open issues (and leave a comment to avoid duplication of work).

📠 Contact

Join our Discord server or reach out via email at hej@klimatkollen.se.

🫶 Supporters and Partners

This work wouldn't have been possible without the support from Google.org.

We also extend our gratitude to our current and former partners:

Postkodstiftelsen, ClimateView, Klimatklubben.se, Researcher's Desk, Exponential Roadmap, WWF, We Don't Have Time, Våra Barns Klimat, Argand, StormGeo.

LICENSE

This project is licensed under the terms of the Apache 2.0 © Klimatbyrån Ideell Förening.

Owner metadata

GitHub Events

Total
Last Year

Issue and Pull Request metadata

Last synced: 8 days ago

Total issues: 119
Total pull requests: 181
Average time to close issues: 24 days
Average time to close pull requests: 8 days
Total issue authors: 17
Total pull request authors: 14
Average comments per issue: 0.32
Average comments per pull request: 0.34
Merged pull request: 84
Bot issues: 0
Bot pull requests: 0

Past year issues: 118
Past year pull requests: 181
Past year average time to close issues: 20 days
Past year average time to close pull requests: 8 days
Past year issue authors: 17
Past year pull request authors: 14
Past year average comments per issue: 0.32
Past year average comments per pull request: 0.34
Past year merged pull request: 84
Past year bot issues: 0
Past year bot pull requests: 0

More stats: https://issues.ecosyste.ms/repositories/lookup?url=https://github.com/klimatbyran/frontend

Top Issue Authors

  • elvbom (46)
  • CarlWiren90 (23)
  • kaylawoodbury (9)
  • hallski (7)
  • Klimatkollen (6)
  • okis-netlight (5)
  • klimatkollsfrida (5)
  • eli6 (4)
  • Catharina217 (2)
  • petterhersinger (2)
  • hugo-nl (2)
  • moritzzingg-netlight (2)
  • Greenheart (2)
  • s91k (1)
  • willeasp (1)

Top Pull Request Authors

  • elvbom (80)
  • hallski (40)
  • CarlWiren90 (38)
  • s91k (5)
  • moritzzingg-netlight (3)
  • okis-netlight (3)
  • irony (3)
  • petterhersinger (2)
  • eli6 (2)
  • viraj-gavade (1)
  • kaylawoodbury (1)
  • klimatkollsfrida (1)
  • willeasp (1)
  • MashaDordevic (1)

Top Issue Labels

  • enhancement (48)
  • bug (35)
  • Good for Volunteers (14)
  • good first issue (13)
  • help wanted (8)
  • not ready (7)
  • idea (7)
  • requested change (4)
  • Available (3)
  • netlight (3)
  • copy edit (3)
  • Urgent! (2)
  • question (1)
  • duplicate (1)

Top Pull Request Labels

  • bug (45)
  • enhancement (30)
  • chore (11)
  • copy edit (5)
  • prod release (3)
  • Good for Volunteers (2)
  • requested change (1)
  • good first issue (1)
  • merge to main (1)
  • Urgent! (1)

Dependencies

.github/workflows/ci.yml actions
  • ASzc/change-string-case-action v2 composite
  • actions/checkout v3 composite
  • docker/build-push-action v4 composite
  • docker/login-action v2 composite
  • martinbeentjes/npm-get-version-action main composite
Dockerfile docker
  • nginx alpine build
  • node lts build
package-lock.json npm
  • 617 dependencies
package.json npm
  • @astrojs/check ^0.7.0
  • @astrojs/react ^3.4.0
  • @astrojs/tailwind ^5.1.0
  • @nivo/line ^0.87.0
  • @radix-ui/react-avatar ^1.0.4
  • @types/react ^18.3.3
  • @types/react-dom ^18.3.0
  • astro ^4.9.2
  • class-variance-authority ^0.7.0
  • clsx ^2.1.1
  • lucide-react ^0.383.0
  • react ^18.3.1
  • react-dom ^18.3.1
  • tailwind-merge ^2.3.0
  • tailwindcss ^3.4.3
  • tailwindcss-animate ^1.0.7
  • typescript ^5.4.5

Score: -Infinity