From eed2831dd38930c4cf82e534c8fc6aa97360852b Mon Sep 17 00:00:00 2001 From: Arne Rief Date: Fri, 13 Feb 2026 00:02:46 +0100 Subject: Update --- images/screenshot-robot-tracker.png | Bin 0 -> 1337985 bytes index-en.html | 635 ++++++++++++++++++-------------- index.html | 710 ++++++++++++++++++++---------------- 3 files changed, 753 insertions(+), 592 deletions(-) create mode 100644 images/screenshot-robot-tracker.png diff --git a/images/screenshot-robot-tracker.png b/images/screenshot-robot-tracker.png new file mode 100644 index 0000000..2bc1a94 Binary files /dev/null and b/images/screenshot-robot-tracker.png differ diff --git a/index-en.html b/index-en.html index d3341b3..b717c23 100644 --- a/index-en.html +++ b/index-en.html @@ -1,203 +1,278 @@ - + - - - - + + + + - - - - - - - - - - - - + + + + + + + + + + + + - Arne Rief - Web Developer - - - -
- -
+ Arne Rief - Web Developer + + + +
+ +
-
- -
-

- Hello, I'm Arne.
- Welcome to my web page! 👋🏻 -

-
-

- I am a - full-stack web developer with a - passion for learning, logic and combining both in order to create - meaningful and beautiful web applications. -

-

- Currently I am focusing on frontend development; my programming - skills include - JavaScript, React, HTML, CSS, Sass - as well as - Node.js, Express.js and working - with databases like MySQL and - MongoDB. -

-
-
+
+ +
+

+ Hello, I'm Arne.
+ Welcome to my web page! 👋🏻 +

+
+

+ I am a + full-stack web developer + with a passion for learning, logic and combining both in + order to create meaningful and beautiful web + applications. +

+

+ I am well versed in both frontend and backend + development. My programming skills include + JavaScript, TypeScript, React, Vue.js, HTML, CSS, + Sass + as well as + Node.js, Express.js + and working with databases like + MySQL, PostgreSQL and + MongoDB. +

+
+
- -
-

Sample Projects

-
- A screenshot of a Note Book user's book collection page -
-

Note Book

-

- +

+

Sample Projects

+
+ A screenshot of the city map with the robots +
+

Robot Tracker

+

+ GitHub Code +

+

+ Robot Tracker is a + full-stack demo application, which is running a + simulation of constant movement, in the backend while caching the data with + Redis and + utilizing a + WebSocket + connection to boradcast the data to the + React frontend + . There the current position data is displayed on an + OpenLayers map + and the simulation can be controlled. +

+

+ Created with:
+ React, JavaScript, Node.js, Express.js, + PostgreSQL, Redis, WebSocket, HTML & CSS, + Docker +

+
+
+ +
+ A screenshot of a Note Book user's book collection page +
+

Note Book

+

+ - GitHub Code -

-

- Note Book is a - full-stack web application for - book lovers. Sign up for a free account and build a - digital book collection. Every - book in your collection comes with a "note book" for - keeping track of your notes on - the book and for storing remarkable quotations. Finding books, - notes and quotations is made easy thanks to a - search function. Additionally a - filter allows switching between - displaying notes or quotes only. -

-

- Created with:
- React, JavaScript, Node.js, Express.js, MySQL, HTML & CSS -

-
-
+ GitHub Code +

+

+ Note Book is a + full-stack web application + for book lovers. Sign up for a free account and + build a + + digital book collection. Every book in your collection comes with a "note + book" for + keeping track of your notes + on the book and for storing remarkable quotations. + Finding books, notes and quotations is made easy + thanks to a + search function. + Additionally a + filter allows + switching between displaying notes or quotes only. +

+

+ Created with:
+ React, JavaScript, Node.js, Express.js, MySQL, + HTML & CSS +

+
+
- -
-
-

All In Trips

-

- +

+
+

All In Trips

+

+ - GitHub Code -

-

- All In Trips is a - frontend single page application - for planning your next vacation or business trip. Enter your - starting point, travel destination and the day of arrival and - departure just once to get an - overview of the weather at your - destination during your stay, the - next flights closest to your - current location and the - cheapest hotels available. With - data from APIs, provided by - reliable sources like - Booking.com. -

-

- Created with:
- React, JavaScript, 5 APIs, HTML & CSS -

-
- A screenshot of a All In Trips' landing page -
+ GitHub Code +

+

+ All In Trips is a + frontend single page application + for planning your next vacation or business trip. + Enter your starting point, travel destination and + the day of arrival and departure + just once to get + an overview of + the weather at + your destination during your stay, the + next flights + closest to your current location and the + cheapest hotels + available. With data from + APIs, provided by + reliable sources like + Booking.com. +

+

+ Created with:
+ React, JavaScript, 5 APIs, HTML & CSS +

+
+ A screenshot of a All In Trips' landing page +
-
+ +
- -
-

Contact me

-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
- - - -
-
-
+ +
+

Contact me

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + + +
+
+
- - - + + + diff --git a/index.html b/index.html index 4a9b74a..419ffcc 100644 --- a/index.html +++ b/index.html @@ -1,334 +1,420 @@ - + - - - - + + + + - - - - - - - - - - - - + + + + + + + + + + + + - Arne Rief - Webentwickler - - - -
- -
+ Arne Rief - Webentwickler + + + +
+ +
-
- -
-

- Hallo, ich bin Arne.
- Willkommen auf meiner Website! 👋🏻 -

-
-

- Ich bin ein - Full Stack Webentwickler und - nutze meine Leidenschaft für Lernen und Logik, um sinnvolle und - ansprechende Webapplikationen zu schaffen. -

-

- Momentan konzentriere ich mich auf die Frontend Entwicklung, meine - Programmierkenntnisse umfassen - JavaScript, React, HTML, CSS und Sass, ebenso wie - Node.js, Express.js und die - Arbeit mit Datenbanken wie - MySQL und - MongoDB. -

-
-
+
+ +
+

+ Hallo, ich bin Arne.
+ Willkommen auf meiner Website! 👋🏻 +

+
+

+ Ich bin ein + Full Stack Webentwickler + und nutze meine Leidenschaft für Lernen und Logik, um + sinnvolle und ansprechende Webapplikationen zu schaffen. +

+

+ Ich bin sowohl in der Frontend als auch der Backend + Entwicklung zuhause . Meine Programmierkenntnisse + umfassen + JavaScript, TypeScript, React, Vue.js, HTML, CSS + und Sass, ebenso wie + Node.js, Express.js + und die Arbeit mit Datenbanken wie + MySQL, PostgreSQL und + MongoDB. +

+
+
- -
-

Projektauswahl

-
- Ein Screenshot der Büchersammlung eines Note Book Nutzers -
-

Note Book

-

- +

+

Projektauswahl

+
+ Ein Screenshot der Stadtkarte mit den Robotern +
+

Robot Tracker

+

+ GitHub Code +

+

+ Robot Tracker ist eine + Full Stack Demo Webanwendung, die im Backend eine + Simulation von konstanter Bewegung + durchführt, die Daten mit + Redis cached und + mit einer + WebSocket + Verbindung an das + React Frontend + übermittelt. Dort werden die aktuellen Standorte auf + einer + OpenLayers Karte + angezeigt und die Simulation gesteuert. +

+

+ Erstellt mit:
+ React, JavaScript, Node.js, Express.js, + PostgreSQL, Redis, WebSocket, HTML & CSS, + Docker +

+
+
+ +
+ Ein Screenshot der Büchersammlung eines Note Book Nutzers +
+

Note Book

+

+ - GitHub Code -

-

- Note Book ist eine - Full Stack Webanwendung für - Buchliebhaber. Registriere dich mit einem kostenlosen Account und - erstelle eine - digitale Buchsammlung. Jedes - Buch in deiner Sammlung hat eine Notizfunktion, so dass du - Notizen und Zitate speichern - kannst. Eine Suchfunktion macht - es einfach, dich in deinen Büchern, Notizen und Zitaten - zurechtzufinden. Zusätzlich kannst du mit einem - Filter nur Notizen oder Zitate - anzeigen lassen. -

-

- Erstellt mit:
- React, JavaScript, Node.js, Express.js, MySQL, HTML & CSS -

-
-
+ GitHub Code +

+

+ Note Book ist eine + Full Stack Webanwendung + für Buchliebhaber. Registriere dich mit einem + kostenlosen Account und erstelle eine + + digitale Buchsammlung. Jedes Buch in deiner Sammlung hat eine + Notizfunktion, so dass du + Notizen und Zitate speichern + kannst. Eine + Suchfunktion + macht es einfach, dich in deinen Büchern, Notizen + und Zitaten zurechtzufinden. Zusätzlich kannst du + mit einem + Filter nur + Notizen oder Zitate anzeigen lassen. +

+

+ Erstellt mit:
+ React, JavaScript, Node.js, Express.js, MySQL, + HTML & CSS +

+
+
- -
-
-

All In Trips

-

- +

+
+

All In Trips

+

+ - GitHub Code -

-

- All In Trips ist eine - Frontend Single Page Webanwendung, die dir hilft, deinen nächsten Urlaub oder eine Geschäftsreise - zu planen. Gib deinen Ausgangsort, Zielort, Tag der Ankunft und - Abreise nur einmal ein und - erhalte eine Übersicht über - das Wetter an deinem Zielort, - die nächsten Flüge in deiner - Nähe sowie über die - günstigsten Hotels vor Ort. Mit - Daten von APIs, bereitgestellt - durch namhafte Unternehmen wie - Booking.com. -

-

- Erstellt mit:
- React, JavaScript, 5 APIs, HTML & CSS -

-
- Ein Screenshot der Startseite von All In Trips -
+ GitHub Code +

+

+ All In Trips ist eine + Frontend Single Page Webanwendung, die dir hilft, deinen nächsten Urlaub oder eine + Geschäftsreise zu planen. Gib deinen Ausgangsort, + Zielort, Tag der Ankunft und Abreise + nur einmal ein + und erhalte eine Übersicht über + das Wetter an + deinem Zielort, die + nächsten Flüge in + deiner Nähe sowie über die + günstigsten Hotels + vor Ort. Mit Daten von + APIs, + bereitgestellt durch namhafte Unternehmen wie + Booking.com. +

+

+ Erstellt mit:
+ React, JavaScript, 5 APIs, HTML & CSS +

+
+ Ein Screenshot der Startseite von All In Trips +
-
- Ein Screenshot der Startseite von MiAuriga -
-

MiAuriga

-

Website und Code sind Eigentum von Auriga

-

- Meine Arbeit an der Website MiAuriga war ein - Auftrag für einen Klienten, das - spanische Unternehmen Auriga. - MiAuriga ist ein Onlineportal für alle Dienstleistungen rund ums - Auto. Als Teil einer - kompletten Neustrukturierung der Website - im Design wie in der Funktionalität habe ich sowohl am - neuen Design des Frontends als - auch bei der Planung und Umsetzung der - neuen Datenbank mitgearbeitet. -

-

- Erstellt mit:
- React, JavaScript, Node.js, MongoDB, MaterialUI/MUI, HTML & - CSS -

-
-
-
+ + - -
-

Kontakt

-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
- - - -
-
-
+ +
+

Kontakt

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + + +
+
+
- - - + + + -- cgit v1.2.3