A small PWA to count many things in different lists.
Import a CSV file with your lists - it will be persisted in localStorage - and you'll be able to update the counters.
Technologies:
- preact
- preact-cli
- pnpm
- sirv
- PrimeReact
- CSS modules
- GitHub Pages CI pipeline
A CSV file must be formatted like this:
| List name | Elements |
|---|---|
| Team A | Jalisa Daughtry |
| Tisa Metellus | |
| Elba Kennison | |
| Cinthia Emanuel | |
| Tami Raschke | |
| Sallie Hamblen | |
| Jeni Carmona | |
| Natisha Peres | |
| Marcia Mongeau | |
| Concetta Heinrichs | |
| Johnna Goetzinger | |
| Monet Caine | |
| Team B | Blair Gomes |
| Angeles Ratley | |
| Diana Garett | |
| Leatrice Winfree | |
| Gwenda Burciaga | |
| Tesha Tassone | |
| Lamonica Miner | |
| Elton Standley |
As you can see, elements which are associated to an empty list name are considered to be in the last list.
The CSV file would be (separated with commas):
Team A,Jalisa Daughtry
,Tisa Metellus
,Elba Kennison
,Cinthia Emanuel
,Tami Raschke
,Sallie Hamblen
,Jeni Carmona
,Natisha Peres
,Marcia Mongeau
,Concetta Heinrichs
,Johnna Goetzinger
Team B,Monet Caine
,Blair Gomes
,Angeles Ratley
,Diana Garett
,Leatrice Winfree
,Gwenda Burciaga
,Tesha Tassone
,Lamonica Miner
,Elton Standley
The production build will only work in GitHub Pages.
# Install dependencies
npm install
# Serve with hot reload at localhost:8080
npm run dev
# Build for production with minification
npm run build
# Test the production build locally
npm run serve