Flappen

F(öräldra)l(edighets)appen

https://www.flappen.se

Testa gärna! Men notera att appen är en alfaversion och kan gå sönder när som helst.

Vad är detta?

En app för att förenkla planering av föräldraledighet, löst inspirerad av Försäkringskassans verktyg för att ansöka om föräldrapenning.

Här är några saker jag tänker att appen skall hjälpa föräldrar med.

• Förenkla planeringen: Erbjuder översikt av föräldraledighetsdagar för båda föräldrar, för underlätta gemensam planering.
• Fatta välinformerade beslut: Hjälper föräldrar att förstå konsekvenserna av sina beslut genom tydlig statistik och information.
• Klarhet i ekonomin: Ger en sammanställning av det ekonomiska utfallet för varje förälder, inklusive föräldralön från arbetsgivare[^1].

[^1] Efter bästa förmåga. Föräldralön från arbetsgivare har vitt skilda och ibland komplicerade villkor.

Mål

Formaliteterna kring föräldraledighet, föräldrapenning och eventuell föräldralön är oftast komplexa. Flappens mål är att hjälpa föräldrar förstå konkreta konsekvenser av olika beslut i denna komplexa djungel.

Historiskt - så även i skrivande stund - tar mammor en majoritet av föräldraledighet. Med bättre information och underlag tror jag att detta går att förändra, så att föräldraledigheten nyttjas mer jämställt.

Tekniskt

Hej! 👋

Detta är mitt hobbyprojekt under föräldraledighet 2. Flappen är tänkt att bli den app som jag själv hade velat ha, redan till föräldraledighet 1.

Det är min första frontend-app som jag bygger från grunden. Jag har valt React.js för det är populärt och kan vara användbart tillbaka på jobbet. För styling föll valet på TailwindCSS för att det verkade roligare än ren CSS.

Varmt välkommen att bidra, fixa buggar, tyck till eller vad som helst!

App scaffolding docs

Expand

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

• Configure the top-level parserOptions property like this:

export default {
  // other rules...
  parserOptions: {
    ecmaVersion: "latest",
    sourceType: "module",
    project: ["./tsconfig.json", "./tsconfig.node.json"],
    tsconfigRootDir: __dirname,
  },
};

• Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
• Optionally add plugin:@typescript-eslint/stylistic-type-checked
• Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list