All solutions

Hi devs,

Here is my solution to the IP address tracker app. 😄

Really enjoyed building this site. Added some loading animations when the site is fetching data. 🔁

I'd love to get your feedbacks 🙇‍♂️

Hi Devs,

Here is my take on this challenge, I was inspired by our fellow FEM dev lieneil and wanted to do something similar. Definitely made my life harder by doing so..lol

Also, I feel like my javascript is very messy and spaghetti like, since everything is kinda depended on each other. I'd love to get some feedbacks or help on how to write cleaner javascript code or anything in general 🙇‍♂️

Good Evening Devs!

Here is my take on the 'Advice Generator App'.

I'd love to get some advice/guidence/feedback from you as this is my first time dealing with API.

Thankyou in advance! <3

Feedbacks are appreciated <3

Good Evening Mentors 🙋‍♂️

Here is my solution to the Insure Landing Page challenge.

I've used HTML, SASS and Vanilla JavaScript to complete the challenge. The design is pretty simple, so didn't took me long to finish.

I came across some specificity issues trying to style the anchor tags correclty. And in some places had to use the css :not() psuedo selector to make the style work. 😅

Also this my first project where I build a mobile Hamburger Menu, I tried to make it as accessible as I could and I am happy with the results.

Didn't use any scroll animation or transition effect on this project, kept it simple.. might add it later when i get some free time 😭😬

Please let me know your thoughts about this and help me improve 🙇

Thankyou in advance ❤️

Hi mentors 🙋‍♂️

This is my solution to the Clipboard Landing Page challenge. I used the BEM naming convention with SASS/SCSS.

In this challenge I tried to improve the site's accessibility as best as I could.

Apart from the 'features' section the design was quite simple to build.

It'd like to know how can I structure or organize the sass partials and write cleaner and better code 🙇

Thankyou in advance 🙏

Hi mentors 🙋‍♂️

This is my first time doing a full page challenge. I used BEM naming convention and Sass to organize my code as much as I could, although I feel like I can do better.

Definitely took way longer than I anticipated, making the curves responsive was super challenging!

I put the curves on separate classes so they can be reused somewhere else and with different combinations 😅

I'll be grateful if you can take a look into my codes and give a feedback for improvements 🙇

Thankyou in advance 🙏

After a long time doing a FEM challenge!

Was incredibly fun and learned plenty of new things.

It'll be a great help if you can drop a feedback so I can improve my JavaScript and SASS skills 🙏

Thankyou in advance! ❤️

This is my first time using SASS/SCSS, and I absolutely love it! And also used Vitejs to build and deploy the site to gh-pages. Vite is awesome!

I'd be greatfull if you can give me some feedbacks to improve 🙏

A fun liitle challenge to practice CSS layout skills 👍 had plenty of fun doing it 😄 Suggestions or any feedbacks are appreciated 🙏

Learnt a lot of new stuff doing this project 😃

such as the css :not() selector and regular expressions 😃 but later I learnt that it is actually a bad practice to use regex to validate emails as emails can have various patterns and is very hard to validate them using regex.

So ultimately I used the default input type=email for the validations 😅

Any feedbacks or suggestions are appreciated 🙇‍♂️

It lookes simple but definitely requires some thinking to make everything work correctly. This also my first time using CSS animation 😅 any feedback is appreciated 🙇‍♂️

Was a simple challenge to practice layout skills..any feedback will be appreciated 🙇🏽‍♂️

Another great challenge to practice css grid layout. Please give me feedbacks how can I improve my codes 🙇🏽‍♂️

Was a fun little challenge to practice and learn more about the CSS Flex-box and Grid. Please give me some feedbacks so I can improve and polish my skills further 🙇🏾‍♂️

This my solution to the Product preview card component challenge. I used grid and flex together to achieve the desired outcome. Although for some reason my tittle font looks different compared to the given design 🤔 am I doing something wrong? Please show me the light 🙇🏾‍♂️

This is my second time uploading this challenge. I've managed to add some transition effect to the accordion using the element.style.maxHeight = element.scrollHeight + "px" , but this effect only works when the accordion opens..but doesn't work when its closing. I'll be super grateful if anybody can teach me how to do it. 🙇🏾‍♂️

Update : made the javascript cleaner and added a little bit of transition effect using the opacity property

This is my first FEM challenge involving Javascript so any feedback will be super duper ultra helpful! 🙇🏾‍♂️

an awesome challenge to practice your 'Griding' skills! Learnt a lot more about CSS Grid. 🙇 Please give feedbacks and suggestions on how can I improve 🙇

Day 70. trying to position the background images correctly 😵 Please give suggestions so I can improve 🙇

please give feedback if I did anything wrong and how can I improve 🙇

Please give feedbacks so I can improve 🙇

Please give feedbacks so I can improve 🙇

Took me way longer than I expected but it was fun! I got to learn more about the psuedo elements and absolute and relative positioning!