//
Welcome!
I'm
Bernd Janzen

I am a Fullstack Web-Developer from Berlin.



My skills

the logo for html the logo for css the logo for javascript the logo for nodejs the logo for react the logo for angular the logo for MongoDB the logo for Bootstrap the logo for Visual Studio the logo for Firebase the logo for nodejs the logo for github the logo for react native the logo for angular the logo for MongoDB the logo for html the logo for css the logo for javascript the logo for nodejs


Projects

MoveFlix Movie App

screenshot of MoveFlix Movie APP
HTML JavaScript REACT Bootstrap/CSS
MoveFlix is the React Client side of my movie app that allows users to search for movies, view movie details, and save their favorite movies. It is based on my own RESTful API (see also Movie API) and has several interface views such as Login, Signup, User-Profile and Movie Details. The application uses Parcel as its build tool and is deployed on Render. For styling and responsiveness, I used Bootstrap and CSS.

Note: As the Backend and Frontend is hosted on a free server, it might take 20-50 seconds to respond to the first request.

Angular MyFlix Movie Client

screenshot of MyFlix Angular Client

HTML CSS JavaScript/TypeScript Angular Angular Material

This Angular application provides users with a UI to login, register, view movie information, save their favorite movies and update their user profile. The application is based on a RESTful API (see also Movie API). For styling I used Angular Material and CSS. The application is deployed on GitHub Pages.

Note: As the Backend is hosted on a free server, it might take 20-50 seconds to respond to the first request.

Movie API

screenshot of Movie API
NodeJS Express MongoDB Passport
This API is build using Node.js, MongoDB and Mongoose, Express, Passport, JWT, bcrypt and other techonologies to provide a platform for accessing and manipulating movie and user information. The API is used by the MoveFlix and MyFlix clients. The API provides endpoints to get all movies, get a single movie, get all users, get a single user, add a user, update a user, delete a user, add a movie, update a movie, delete a movie, add a favorite movie, delete a favorite movie, login and logout. For information on how to use the API, please refer to the documentation.

Note: The movie API is hosted on a free server, for the first request to respond it might take 20-50 seconds.

REACT PWA MEET

screenshot of Meet APP
TDD/BDD JavaScript REACT AWS Lamda
This React Progressive Web App (PWA) allows users to search for events in different cities and view event details.

Features

  • Users can filter events by city, show/hide event details, and specify the number of events to display.
  • The app supports offline usage, allows adding shortcuts to the home screen, and offers visual charts for event details.
  • It integrates Google Calendar API for event retrieval and OAuth2 for authentication.
  • Serverless functions (AWS Lambda) for authorization server.
  • Responsiveness to various screen sizes, and adherence to PWA standards ensure a seamless user experience.
  • The App is deployed on GihHub Pages
  • The app uses datavisualisation

CHAT App

screenshot of Chat APP
REACT-Native EXPO Firebase Firestore JavaScript GiftedChat

A chat app for mobile devices using React Native. The app provides users with a chat interface and options to share images and location.

Features

  • Users can enter chat rooms to communicate with friends and family, choosing background colors for personalized chat screens.
  • Conversations are displayed with an input field for sending messages, supporting additional features like image and location sharing.
  • Users can send images from their device's image library or take pictures with the camera app and send them within the chat.
  • Messages are stored both online and offline, allowing users to access conversations at any time.
  • Chat conversations are stored in Google Firestore Database and authenticated anonymously via Google Firebase.

Pokedex App

screenshot of Pokedex APP
HTML JavaScript Bootstrap/CSS
The Pokedex App is created using HTML, CSS, and vanilla JavaScript. The app uses asynchronous programming with the Pokemon API, including fetch and promises. The aim of this project was to learn vanilla JavaScript with the basics of variables, arrays, objects, functions, IFEE and how to integrate a UI component with Bootstrap like a modal and navbar.

Features

  • Users can search for a Pokemon by name.
  • Users can view the Pokemon's name and image.
  • Users can view additional information about the Pokemon by clicking on the card.
  • Users can view the original artwork image of the Pokemon in a modal.


About Me


photo of Bernd Janzen

"Hello, I'm Bernd Janzen, a seasoned professional with a diverse background and a passion for continuous learning and growth.

My recent completion of a Fullstack Web Development Bootcamp with Career Foundry speaks to my commitment to mastering new skills.

With a degree as data processing merchant from the Chamber of Commerce and Industry in Berlin my journey started in the IT field.

With experience ranging from teaching Microsoft software, selling Hard- and Software to managing digital content, after embarking a creative journey in modern dance theatre and opening my own coffee shop, I've come full circle back to my roots in IT.

My time in the hospitality industry, as well as managing my own coffee shop, has honed my customer-centric approach and business acumen. Meanwhile, my recent stint in a socially oriented café underscores my dedication to inclusivity and community engagement.

Now, I'm excited to transition into a role where I can leverage my diverse background and technical skills as a web developer.

I'm eager to contribute to a forward-thinking company, bring fresh perspectives, and continue my journey of learning and growth in the dynamic field of web development.

I am also an avid woodworker and music producer. In my free time I like to spend time with my wife and daughter in our garden, go for a bike ride, do yoga and pilates."


Get in touch

Bernd Manjou Janzen


Berlin, Germany


Email: manju.janzen@googlemail.com

Contact me LinkedIn