Moved

New demo: https://github.com/mandrasch/svelte-nobel-prize-demo

This repository will be archived / deleted in future.

Austrian Web Dev Companies

Looking for a job can be tiresome, this directory might help. Good luck!

Demo: https://austrian-web-dev-companies.pages.dev

Hobby project with the new Svelte v5 & SvelteKit 🧙

Static site generation via adapter-static.

Why?

I like sites such as https://devjobs.at/teams/search, but I think they can be improved with a more "stack-focused" user interface for web developers. Since I wanted to learn the new $state system of Svelte v5 anyway, I started by implementing this. One of the goals is to show how simple a reactive user interface can be implemented with Svelte.

Data sources

I'll add new data based on latest job offers or partner directories of CMSes / frameworks. Would be best to show companies with open job offers first, but portals like https://devjobs.at/ (with crawlers) do a better job here.

Add (or remove) a company

Please just add the data to static/companies.json and open a PR. Or drop me a quick mail.

If you want to remove your company, please just send me a quick note: matthias-andrasch-kontakt@mailbox.org

Resources

Thanks very much to https://simplecss.org/ and the Svelte Community for answering questions!

Notes and discussions

• Svelte 5: Share state between components (for Dummies) (dev.to)
• Feedback regarding $effect and URL params (Bluesky)
• Help with simple pagination and $state (Discord)
• Import shared $state and use bind=group for checkboxes inside of components (v5)? (Discord)
• How to properly update query param on text input without losing focus/lag? (Discord)
• What's the simplest most battle-tested way to communicate events/data across components in svelte5?

Further resources

• Lets Build A Filtering System with Svelte 5 , Sveltekit 2, Tailwind, Upstash (2024) - Lawal Adebola

TODOs

• improve pagination (styling and page count)
• move filters into own component
• scroll to results after pagination click (where is the best place for this logic?)
• Show technologies with logo badges, move this into own component
• derive state of query params from '$page/state' (https://bsky.app/profile/paolo.ricciuti.me/post/3lf4a7rwjrc2h)
• fix: pagination and ?p reset when new filters are selected (WIP)
• fix: reset search text input for "reset filters" button action
• store selected tags in URL (WIP)
• rename to austrian web dev agencies, company scope is too big?
• optimize mobile
• ui: option to toggle filter view
• bonus: add statistics page with overview of used technology
• remove custom class, object is enough for simplicity - https://svelte.dev/playground/17af110213b9434d95dff6ae2e62c100?version=5.16.0
• update checkboxes inside FilterCheckboxes.svelte when global State changes (!)
• create component, https://svelte.dev/playground/17af110213b9434d95dff6ae2e62c100?version=5.16.0
• robust data validation for JSON, throw build error for unexpected values (currently casesensitive)
• add social share image
• add seo title and description
• add header
• add footer, info about how to add a company (PR or email)
• add NodeJS CMS like strapi, directus (?)
• a11y check
• GitHub corner