https://github.com/steven2k2/meter-reading

Simulation of a utility meter reading app.
https://github.com/steven2k2/meter-reading

html5 react webpack

Last synced: 25 days ago
JSON representation

Simulation of a utility meter reading app.

• Host: GitHub
• URL: https://github.com/steven2k2/meter-reading
• Owner: steven2k2
• License: mit
• Created: 2025-02-25T01:31:50.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-04T07:01:32.000Z (over 1 year ago)
• Last Synced: 2025-03-05T02:34:53.921Z (over 1 year ago)
• Topics: html5, react, webpack
• Language: JavaScript
• Homepage:
• Size: 15 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# MeterTrack

Simulation of a utility meter reading app.

[![mobile app](./docs/mobile.png)](./docs/mobile.png)

```bash

mkdir meter-reading

cd meter-reading

npm init -y

npm install webpack webpack-cli --save-dev

```

```bash

npm install --save lodash

```

```bash

npx webpack

```

```bash

npx webpack --config webpack.config.js

```

```plaintext

/meter-reading

│── /src

├── templates/

│   │   ├── index.hbs

│   │   ├── partials/

│   │   │   ├── header.hbs

│   │   │   ├── footer.hbs

│   ├── /components       # Reusable UI components

│   ├── /services         # API services or business logic classes

│   ├── /utils            # General utility functions/helpers

│   ├── /styles           # CSS/SASS stylesheets

│   ├── index.js          # Main entry file

│── /dist                 # Webpack output folder

│── webpack.config.js     # Webpack configuration

│── package.json          # Project dependencies

```

```shell

npm install webpack webpack-cli webpack-dev-server --save-dev

npm install handlebars handlebars-loader html-webpack-plugin --save-dev

npm install bootstrap

```

```shell

npm install dotenv-webpack --save-dev

```

## Mochawesome

Mochawesome is a custom reporter for use with the Javascript testing framework, mocha. It runs on Node.js (>=10) and works in conjunction with mochawesome-report-generator to generate a standalone HTML/CSS report to help visualise your test runs.

[![mochawesome](./docs/mochawesome.jpg)](./docs/mochawesome.jpg)

### Icons

Water meter icons created by Umeicon - Flaticon

Electric meter icons created by Freepik - Flaticon

Smart-meter icons created by Smashicons - Flaticon

Photo by Ash Amplifies: https://www.pexels.com/photo/yellow-and-black-striped-3662579/

### Smart Meter icons

Meter icons created by Smashicons - Flaticon      

---

[![JavaScript Style Guide](https://cdn.rawgit.com/standard/standard/master/badge.svg)](https://github.com/standard/standard)