JFcode101 Frontend Mentor Challenges

Hi there!

My name is Fischer, I am Software developer.

Here you'll find a collection of solutions to some of the Frontend Mentor challenges that I've passionately built during my journey as a web developer. These projects are speciffically focused on Front-end web development, and they reflect my skills, creativity, and dedication to coding using Front-end technologies, such as HTML, CSS3, JavaScript, React, and other Frameworks and Libraries. They range from simple components to complex systems, each with its own unique challenges and learning experiences.

Each project includes a brief description, the technologies used, and the challenges faced during development. Feel free to explore each project to learn more about my work and my capabilities as a web developer.

Result summary component

This project was made possible by using HTML5 and CSS3. I used CSS Flexbox which let you arrange things on a web site in different ways. It made this component look nice and neat on different screen sizes, such as computers, tablets, or phones. Check it out by clicking on the image below.

Result summary component

Profile card component

This project was built by using HTML5 and CSS3. CSS Flexbox was used to layout out the project which in return made it look nice and neat. Check it out by clicking on the image below.

Profile card component

Clipboard landing page

This project was a little challenging, but likely with the help of HTML5 and CSS3, I managed to pull it off and the end result look fantastic! Flexbox was the main layout method utilized to organized everthing together. Check it out by clicking on the image below.

Clipboard card component

Tip Calculator App

Creating the tip calculator app involves structuring the app with HTML, styling it with CSS, and adding functionality with JavaScript. It’s a great project for understanding how these three technologies work together to create a dynamic web application. A combination of CSS Flexbox and Grid layout is used to achieve app responsiveness depending on the user device's screen size. Check it out by clicking on the image below.

tip calculator app