Skip to content
View csschef's full-sized avatar

Highlights

  • Pro

Block or report csschef

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
csschef/README.md

👋 Well hello there , I'm Sebastian Valdemarsson

LinkedIn Email

Based in Kalmar, Sweden

Currently studying at Medieinstitutet to become a Fullstack Developer.

Alongside my studies, I work as a Master Data Administrator in the food industry.
Outside of work and school, I explore Home Assistant, automation, and modern web technologies.

When I'm not coding, I'm usually cooking, renovating, gaming, or spending time with my family.

Tech Stack

TypeScript JavaScript Node.js HTML5 CSS3

Backend & Architecture

REST API API Integration Automation

Databases

PostgreSQL MongoDB SQL Database Design

Tooling & Deployment

Git GitHub NPM PM2 Windows

Other Tools

Home Assistant Adobe Photoshop Trello

Projects

Development Projects

Home Assistant Simplified Panel (HASP)

A mobile-first, performance-driven dashboard built as a personal replacement for Home Assistant’s native UI. Designed to feel like a native app rather than a configuration layer, with a strong focus on real-time responsiveness, UX, and full creative control.

Tech Stack: TypeScript · Vite · Web Components · Home Assistant WebSocket API · Leaflet.js

  • Replacing YAML with Code: Built to eliminate fragile Lovelace configs by creating a single TypeScript-driven source of truth for all UI logic and behavior.
  • Optimistic UI: Sub-millisecond feedback for lights, toggles, and controls using client-side state prediction and debounced WebSocket sync.
  • Device-Aware Experience: Detects the active device and user to dynamically adapt UI, greetings, tracking, and weather data.
  • Location-Based Weather Engine: Fetches live GPS coordinates from the current device and pulls real-time forecasts from Open-Meteo with reverse geocoding.
  • Advanced Navigation Handling: Custom history + sentinel system to fully control Android back-button behavior inside the Home Assistant Companion App WebView.
  • Interactive Map System: Real-time person tracking with Leaflet maps, satellite imagery, zone overlays, and clustering.
  • Custom UI Components: Fully bespoke controls (sliders, color pickers, popups) built with pointer events instead of native inputs for better mobile UX.
  • Performance & Delivery: Automatic cache-busting system ensures fresh builds across WebView, iOS, and Android without manual cache clearing.

View Repository

OleaDB - Full-Stack Recipe Database

Self-hosted recipe management system running 24/7 on a Windows server.

Tech Stack: Node.js · Express · PostgreSQL · Vanilla JS · PM2

View Repository
Watch Demo


Currently Learning

Ongoing

  • System Development

Completed

  • Competence Portfolio & Sustainable Development
  • JavaScript, HTML & CSS
  • Database Technology
  • DevOps & Testing
  • Front-end Frameworks

Upcoming

  • Third-party Integrations
  • E-commerce Development
  • Work Based Learning 1
  • Final Project
  • Work Based Learning 2

Pinned Loading

  1. hasp hasp Public

    A performance-oriented, premium dashboard for Home Assistant built with Vite, TypeScript, and Web Components. Designed to provide a fast, responsive, and visually stunning alternative to the defaul…

    TypeScript

  2. oleadb oleadb Public

    A full-stack recipe management system built with Node.js, Express & PostgreSQL. Designed to run on a self-hosted Windows server and stay live 24/7 inside a home network.

    JavaScript

  3. hyrule-compendium hyrule-compendium Public archive

    A web application inspired by The Legend of Zelda: Breath of the Wild. Built as a school assignment in JavaScript (HTML, CSS & TypeScript) focusing on API integration and state management.

    TypeScript

  4. mjs-phone mjs-phone Public archive

    A JavaScript contact list application built as a school assignment. The app allows users to create, edit, delete and persist contacts using Local Storage.

    JavaScript 1

  5. game-box-bar game-box-bar Public archive

    HTML

  6. niloscar/boendeportalen niloscar/boendeportalen Public

    TypeScript 4