Skip to content

ByteSim is a web application that simulates the ecological footprint of a website from a mockup of it. 🌱

License

Notifications You must be signed in to change notification settings

MediaComem/bytesim-webapp

Repository files navigation

ByteSim - Website ecodesign tool 🌱

🔗 Try it: https://mediacomem.github.io/bytesim-webapp/

Project description

ByteSim is a web application that simulates the ecological footprint of a website. From the import of a website mockup and the description of its content, ByteSim will create recommendations to reduce its ecological footprint.

Figma plugin

For Figma users, you can use the plugin developed specifically for ByteSim. It allows you to import your model directly from Figma.

GitHub repo: https://github.com/MediaComem/bytesim

Developpement

How to test it locally or contribute

  1. Make sure you have Node.js installed

  2. Clone this repo (or fork it if you want to contribute), you will need to have Git installed

    git clone https://github.com/MediaComem/bytesim.git
    
  3. Navigate to the project folder

    cd bytesim
    
  4. Install the dependencies

    npm ci
    
  5. Set the environment variables

    cp .env.example .env
    

    Then edit the .env file to set the correct values for the environment variables.

  6. Run the project

    npm run start
    
  7. Open your browser at http://localhost:3000

Stack

Credits

This project was developed by the Media Engineering Institute (MEI) of the HEIG-VD with the support of Romande Énergie.

License

This project is licensed under the Mozilla Public License 2.0 - see the LICENSE.md file for details