The first Website I ever built: Marilyn the Cat
After accomplishing my first coding workshop, which lasted three weeks and provided basic HTML, CSS and JavaScript knowledge, we were asked to choose a final project. As a cat lover, I decided to create a website about my cat Marilyn. This website showcases my ability to build a static webpage with a nice design and some very basic JavaScript. Have a look yourself - and don't forget to "meet Marilyn" 😼
My first responsive Website: My three homes
After the basic workshop, I went on diving into coding, learnt more about the colorful world of HTML and CSS, including the modern tools of making a website responsive. "Mobile first" was our motto. As part of this course I built the my three homes page displaying information about my hometown, adopted home and home-in-law. Curious? Let's have a visit ... 🏡
My first JavaScript Application: Vanilla Weather App
Not just colorful but powerful - that's JavaScript! We learnt about external APIs and how to make http requests to load data and display them on our website. It's an amazing experience to create a weather app yourself - useful, colorful, powerful. 🌈
My first React Application: React Weather App
JavaScript today can't be imagined today without its countless libraries and frameworks. One of the most popular ones ist React. We learned about the basics, step by step, and proved our understanding by building the very same weather application anew. This time using React instead of vanilla JS. 🌞
My final Project for SheCodes React: Dictionary Deluxe
Half happy, half sad, I built my very final SheCodes project. Sad, because I knew this was the last part of this first journey, having felt so comfortable with the amazing SheCodes team and their support. Happy, because it was so stunning to bring all my newly learned skills together to create a responsive dictionary application with a custom styling, which I am still enthusiastic about to use myself! 📗
My first Masterschool JavaScript Project: Pixel Art Maker
After the game is before the game! In December 2021 I started the Masterschool Web Development coding bootcamp. What a crazy journey lying ahead! The first course provided HTML, CSS and JavaScript fundamentals again, but way more detailed than I knew before. So the JS project was a bit tricky, as we had to use nested loops to make this Pixel Art Maker work! Do you feel like painting? 🎨
Advanced Responsive Layout: My Meow Blog
The far most easy project throughout my Masterschool program, as our responsive blogpage consisted of just HTML and CSS. But don't underestimate that! CSS grid can be quite tricky, and it took me several tries to make it as perfect as possible. I am a huge fan of colors, design and therefore CSS - and so I had tons of fun creating my meow blog! 🐈
Object-oriented JavaScript Project: Dinosaurs
From cats to dinosaurs, which I also love a lot! To accomplish this final project of our object-oriented JavaScript course I had to apply everything we learned in the lessons as well as to extend that knowledge, do my own research, be creative and refactor again. A challenging and rewarding task. And on my further coding journey I soon realized how important it is to have a solid understanding of object orientation. Every journey starts with that first step! 👣
Asynchronous JavaScript Project: Udaci Racer Simulator
This was the most challenging project for me. We were given lots of startercode with gaps and comments, and it took me some while to track every function back and see the whole picture. I felt like a private detective following traces, finding and creating the missing pieces and put it all together. Logic, creativity, perseverance and the principle of trial and failure led me to success! 🏁
React Project: My Reads
Back to React! It was only now when I realized how much I had missed it! We learnt about the JavaScript library again, going much deeper than I had ever gone before. It took me some time to really get it, but I stick with the process of learning, trying again, going through the logic again. React simplifies frontend development so much, and it was demanding and rewarding at the same time to build the my reads project. 📖
React Redux Project: Employee Polls
Masterschool React part two - welcome to Redux! In big applications, it's all about state management. A lot new stuff to learn in the first place, but amazing to apply throughout the course and in the final project. We built employee polls all from scratch, so I didn't only have the opportunity to work with React and Redux, but also CSS again. 💛
Final Fullstack Project: Petbook
After two backend courses with an image API project and a shopping app API project, where we used NodeJS, Express, Typescript and Jest, we combined our knowledge of frontend and backend development to build a fullstack project. The very last - the final Masterschool project. Petbook is a facebook for pet owners - come and create an account yourself! 🐹
Onsite React Coding Challenge: Gardenstores
And the journey goes on !!! I have been invited for my first onsite job interview !! 🥳 ... including a coding challenge where I was asked to build a comparison page for burger stores within five hours. I wasn't very satisfied with the result, so I decided to build the whole thing anew at home (with a slight change from burgers to gardens). All this was such a valuable experience - not only to finally meet other developers in person, but also to get the opportunity to improve my skills and grow further 🌼