Seijan koodailua

Seija programming

Olen full stack koodari ja monenmoista tekniikkaa on vuosien saatossa tullut käytettyä. Tilanteen niin salliessa opettelen uusia tekniikoita ja koodailen omia projekteja. Tällä hetkellä on alkutekijöissään sovellus, jolla on tarkoitus hallinnoida omia labratuloksia omalla koneella. Siitä koodit ja kuvaus löytyy: Labra, github ja Youtube soittolista: Labra, Youtube . Pidempään kehityksen alla on kuitenkin ollut ostoslista sovellus, josta alla lisää: I am a full stack developer, and I've used various technologies over the years. Whenever possible, I learn new techniques and work on my own projects. At the moment, there is an Lab application in early stages. It is supposed to manage my own lab results on my own computer. The codes and description can be found here: Lab App, github and Youtube playlist here: Labra, Youtube . However, there has been a shopping list application under longer development, more about which below:

"Ostokseni" -sovellus

"My Shopping" application

Sovellus toimii ilman nettiyhteyttä. Se on suunniteltu käytettäväksi kännykällä, mutta toimii myös pöytäkoneella ja tabletilla. Voit käyttää sitä suoraan seuraavasta osoitteesta: https://seijalauronen.github.io/ostokseni/ tai avaamalla linkistä: Ostokseni sovellus. Sovelluksen ideana on saada tehtyä räätälöity ostoslista: The application works without an internet connection. It is designed for use on a mobile phone, but also works on a desktop computer and tablet. You can use it directly from the following address: https://seijalauronen.github.io/ostokseni/ or by opening the link: My Shopping application. The idea of ​​the application is to make a customized shopping list:

Kategoriat Kategoriat voidaan järjestää raahaamalla
Tuotteet Tuotteet kategorioittain, värikoodit käytössä
Ostoslista Tuotteet ostoslistalla
Päivät Päiväkohtaisia suunnitelmia
Valikko Valikosta toimintoja, asetuksia, tietoja


  • Tuotteet voidaan luokitella kategorioihin ja kategoriat järjestää siihen järjestykseen, jossa tuotteet kaupassa halutaan kerätä.
  • Tuotteita ei tarvitse tallentaa sovellukseen kuin kerran, ostosten keräämisen jälkeen ne voidaan poistaa ostoslistalta, mutta ovat valittavissa taas uudestaan tuotelistalta.
  • Sovellus voi toimia dieettiapurina: lisäpiirteenä voidaan ottaa käyttöön värikoodit, joilla jokainen tuote voidaan merkata 1 - 4 värillä. Värille voi kukin antaa oman merkityksensä ja värien perusteella voidaan tuotteita suodattaa näkyviin.
  • Niin ikään lisäpiirteenä voidaan ottaa käyttöön päiväkohtaisten (ateria)suunnitelmien tekeminen.

  • Products can be categorized, and the categories can be arranged in the order that items are collected in the store.
  • Products only need to be saved in the application once. After gathering the shopping items, they can be removed from the list but are available for selection again from the product list.
  • The app can also serve as a diet helper: as an additional feature, color codes can be used to mark each product with 1 to 4 colors. Each user can assign their own meaning to the colors, and products can be filtered based on them.
  • Making daily (meal) plans can also be introduced as an additional feature.

4 minuutin esittelyvideo (27.7.2025):

4 minutes introduction video (in Finnish, 27.7.2025):

Jos upotus ei näy, voit avata esittelyvideon tästä: Esittelyvideo

If the embed is not visible, you can open the introduction video here: Introduction video (in Finnish)


Uusia piirteitä putkahtelee sitä mukaa kun koodaus edistyy, joten videoilla ei ole niitä kaikkia. Erityisesti eri ruokavalioiden noudattamiseen on tarkoitus kehittää (ja on jo kehitettykin) lisäpiirteitä. Asetuksista voi säätää monia ominaisuuksia, kuinka sovellusta haluaa käyttää.

Ohjelmaa voi käyttää asentamattakin, suoraan linkistä, mutta jos haluat asentaa sen, tässä siitä ohjevideo (Chromelle): Asennusvideo
New features are popping up as the coding progresses, so the videos don’t include all of them. In particular, it is intended to develop additional features for following different diets. You can use the program without installing it, directly from the link, but if you want to install it, here is a tutorial video (for Chrome).
Installing video (in Finnish).

Tietojen tallennus

Data storage

Tiedot tallennetaan käyttämäsi selaimen muistiin laitteellesi. Jos käytät eri selaimia samalla laitteella (esim. Chrome ja Firefox), ne eivät näe toistensa tietoja. Voit kuitenkin kopioida tiedot selaimesta toiseen käyttämällä "Vie tiedot", "Tuo tiedot" toimintoja. The information is saved in the memory of the browser you use on your device. If you use different browsers on the same device (e.g. Chrome and Firefox), they cannot see each other's data. However, you can copy data from one browser to another using the "Export data", "Import data" functionality.

Tekniikasta

About the Technology

Sovellus on koodattu Reactilla tekoälyä käyttäen ja se on PWA (Progressive Web Application) sovellus. Koodit löytyvät osoitteesta https://github.com/SeijaLauronen/ostokseni ja linkistä: Ostokseni sovelluksen koodit.
Sovellus on vielä keskeneräinen, mutta sitä voi jo käyttää. Periaatteessa tiedot säilyvät selaimen muistissa (IndexedDB), mutta kannattaa käyttää varmuuskopiointiominaisuutta, koska selainten toiminnoilla tiedot voidaan tyhjentää.
The application is programmed with React using artificial intelligence and is a PWA (Progressive Web Application). The code can be found at https://github.com/SeijaLauronen/ostokseni and the link: Code for the My shopping application
The application is still a work in progress, but it is already usable. In principle, data is retained in the browser's memory (IndexedDB), but it's a good idea to use the backup feature, because the data can be cleared with the functions of the browsers.

Kävijälaskuri: Visitor counter: Counters