Because I’m continuously growing and expanding my knowledge, my projects represent my acquired skills. I love building them in my spare time to gather practical experience and knowledge me and my team mates can benefit from.
My personal portfolio site that shows my experience and skills. Furthermore you get a closer look on who I am. It's all crafted by myself. From the idea, over the design and development to the DevOps part. This site was a great teacher in terms of deployment and how to setup a proper CI/CD Pipeline in combination with a Linux Server. I also learned a lot more about Docker and Docker Compose and shifted from just a user of docker containers to a builder of own docker images and how to compose them. I wouldn't call myself a Docker expert yet, but I'm progressing more and more.
This is a tool that implements the WEIGHTED AVERAGE DECISION MATRIX, which was invented to help with making decisions, especially when they're tougher. I've used it for my own decisions in the past and thought it would be a great idea to provide a lean application here on my website that implements it. Interactively you'll be guided through each step to collect all the necessary data that makes up the decision. After all your result will be calculated based on the Weighted Average Decision Matrix concepts.
This is my first challenge on frontenmentor.io. The purpose of this one was to get my hands dirty with Vue.js for the first time to expand my knowledge. I have decided to not use any css-libraries like tailwind. It has made a lot of fun and I've learned many different things. Check out the readme file in the github repo to get more detailed informations about the project itself and my learnings / challenges.
This is another cool challenge from frontendmentor.io. The purpose with this one was to build a more complex Vuejs app and connect it to a backend. In my case it's a CMS that exposes a GraphQL API. So it was also a great opportunity to sharepen my GraphQL skills as well. I've also implemented some new features on my own. Check the README file in the GitHub repository to read more on that.
A npm package I've built myself, that helps developers to create mocked data of many different kinds very easily. It's a great way for me to manifest my OOP skills in typescript and to incorporate some design patterns like Factory and Facade. Furthermore the whole package is developed with TDD (Test Driven Development). On the other side this project helped me to make the development workflow more professional with Github.
Another cool challenge from frontendmentor.io where I've built a fullstack application that helps users to create, read, update and delete links for their social media profiles. It has also an authentication flow integrated and a cool preview mode. I've also added an automatic link generation to allow users to share their profile with others. It is all hosted on Vercel including the CI/CD pipeline and the Postgres database. For more details checkout the Github repository linked below!
To live a fullfilled live there's a lot to it. You'll get more detailed informations about myself in this section. You also find my resume in here if you want to go deeper.
- Jean-Marc Möckel -
Learning new tools is as essential as sharpening my current ones. I love to work with the full stack (Frontend + Backend), but my strength is in Frontend Development.
HTML5 & CSS3
React & React Native
NPM & Yarn
One of the best channels for me to share my thoughts and helping the developer community is to write blog posts. Writing has always made a lot of fun for me.
Recapturing my one year journey of becoming a developer and how I landed my first job without applying for it. This post turned out to be a massive inspiration for many other developers out there…
In this post I share my experience in improving other areas of life like healthy nutrition, meditating, stress management and much more where you can benefit from as a coder and a human…
Compact guide of all best practices I've encountered over the last two years by using React on a daily basis in my day job and in my own side projects...
Feel free to reach out and drop me a quick line. Just click on one of the icons below.