Hallo,
ich bin
Andre Schläppi

Mediengestalter Digital mit Leidenschaft für kreative Webentwicklung

Meine Projekte Kontakt aufnehmen
↓ Scroll

Über mich

Hallo! Ich bin Andre Schläppi – Webentwickler und Mediengestalter Digital mit Leidenschaft für kreative, nutzerfreundliche Weblösungen.

Nach meiner Umschulung zum Mediengestalter Digital (2024) verbinde ich Design und Technologie, um moderne Webanwendungen zu entwickeln. Mein Fokus: Ästhetik und Funktionalität perfekt vereinen.

Was ich mache:

  • Frontend-Entwicklung mit React, Vue.js und JavaScript
  • Backend-Integration mit Node.js, Python und REST APIs
  • UI/UX-Design dank meiner Mediengestalter-Ausbildung

Meine Stärken:

  • Praktische Erfahrung in Webprojekten (Paulas Garden, Nasch e.V., Wetter-App)
  • Moderne Technologien: HTML5, CSS3, JavaScript, React, Node.js, Python, Git, Figma
  • Besonderheit: Mein Design-Hintergrund gibt mir ein Gespür für UX, das viele Entwickler nicht haben
Andre Schläppi - Mediengestalter Digital

Andre Schläppi

Meine Projekte

Paulas Garden Logo

Paulas Garden

Eine moderne Garten-Website mit verschiedenen Bereichen wie Veranstaltungen, News und Shop. Umfasst mehrere verlinkte Unterseiten und responsives Design.

HTML CSS JavaScript
Projekt ansehen →
Nasch e.V Logo

Nasch. e.V

Website für einen gemeinnützigen Verein mit interaktivem Quiz. Umfasst Hauptseite und Quiz-Funktionalität.

HTML CSS JavaScript
Projekt ansehen →
⚛️

GreenWeather

Wetter-App für Gärtner mit React, Komponenten-Architektur und Hooks. Verbindet OpenWeatherMap API mit intelligenten Pflanzenpflege-Tipps.

React Vite API Responsive
Projekt ansehen →

Meine Skills

Frontend

  • HTML5 & CSS3 ▶

    → Semantisches HTML, CSS Grid/Flexbox, Barrierefreiheit (WCAG)

    → Umgesetzt in: Paulas Garden (responsives Design), Nasch e.V. (interaktive Elemente)

  • JavaScript ▶

    → ES6+, DOM-Manipulation, Event Handling

    → Umgesetzt in: Nasch e.V. (Quiz-Logik), Paulas Garden (Formularvalidierung)

  • React ▶

    → Hooks (useState, useEffect), Komponenten-Architektur

    → Aktuell in Arbeit: Wetter-App mit API-Anbindung (siehe Projekte)

  • CSS Frameworks ▶

    → Bootstrap & Foundation: Grid-Systeme, Komponenten, Responsive Utilities

    → Schnelle Prototypen & mobile-first Layouts

Backend

  • Node.js ▶

    → Grundlagen: Express, einfache Server-Einrichtung

    → Aktuell am Lernen: REST APIs & Datenbankanbindung

  • Python ▶

    → Grundlagen: Syntax, Datentypen, Funktionen

    → Einstieg in Backend-Entwicklung

  • SQL ▶

    → Grundlagen: SELECT, INSERT, UPDATE, DELETE

    → Einfache Abfragen & Tabellenbeziehungen

  • REST APIs ▶

    → Grundverständnis: HTTP-Methoden (GET/POST)

    → Erste Erfahrungen mit API-Anbindung (z.B. Wetter-API)

Tools & Design

  • Adobe Creative Cloud ▶

    → Photoshop, Illustrator, InDesign, XD

    → Projekte: Paulas Garden (Logo-Design), Nasch e.V. (Grafiken & UI-Elemente)

  • Figma ▶

    → UI/UX-Design, Wireframing, Prototypen

    → Projekte: Paulas Garden (Design-Entwürfe), Nasch e.V. (Interaktive Quiz-Elemente)

  • VS Code ▶

    → Code-Editor mit Extensions (ESLint, Prettier, Live Server)

    → Tägliche Nutzung für Frontend/Backend-Entwicklung

  • Responsive Design ▶

    → Mobile-First-Ansatz, Media Queries, Flexbox/Grid

    → Umgesetzt in: Paulas Garden, Wetter-App, Nasch e.V.

Kontakt

Lass uns connecten!

Hast du ein Projekt im Kopf oder möchtest du einfach nur hallo sagen? Ich freue mich auf deine Nachricht!