All solutions

ello there! Thanks for checking out this project of mine.

This is my 26th frontendmentor challenge and my 6th intermediate frontend project. The project was made using Reactjs with TypeScript and tailwindCSS for designing the app, I just started to learn TypeScript that's why I want to build project written with typescripts. I really thought that it was easy but coding with typescript is pain in the *ss, especially if you're beginner like me, It not easy to me when writing in the props, because there's some props I don't want to used but typescript basically forced us to use it😅.

but I also in love using typescript, it was just easier to debug because most of the problems you encounter in IDE or in compilation time. You don't need to console.log to check what the problems is. I also encountered that I don't know how to write and It basically forced me to use the any keyword😅. There still many to learn about typescript and I believe it will improve in no time.

Some features on the page that I added:

• One of the best features of this one is the drag and drop, if you want to change the todo that you want to finish first just drag and drop the items.
• Local Storage in the browser, I stored the data in local storage so that it will not fade the items after the browser refresh.

Overall, I am very happy with how the application turned out. I am sure it can be improved, but it was a great learning experience that I intend to build upon.

Any additional feedback or a criticism will be appreciated!

Hi👋!

This is my 25th frontendmentor challenge and 2nd advance projects. I had the opportunity to try redux and tailwindcss in projects. Because It's my first time using redux in application I don't know if I did right in managing the states😅 also my first time using CSS framework(Tailwind CSS) I have the feeling that my styles are chaotic but I think It will improved in no time.

Overall, I am very happy with how the application turned out. I am sure it can be improved, but it was a great learning experience that I intend to build upon.

My only question is It is normal in tailwindcss that have value**!important**?

Any additional feedback or a criticism will be appreciated!

Hi 👋 Everyone, this is my 24th frontendmentor challenge and my first challenge with reactJS. In the past months I am learning react js in udemy Modern React with Redux by Stephen Grider.

This challenge is very rewarding and I learned a lot by doing this challenge especially in making reusable components. Since I am still new to ReactJS unsure if my folder structure and code are clean. I look forward to learn more about React.

Any feedback and need to improve is welcome and appreciated! Especially on React

Hello 👋 This is my 23th Frontendmentor challenge. This challenge is really tricky, At first I thought that It will easy landing page but I didn't especially in swipe testimonial spend a lot of time on that part. At first I want to use the swiper js for the testimonial swipe, but then again I want to learn more about JavaScript without using a library. I still don't know if I did right on mobile touch😅. My first time using the Intersection Observer API and It improved the page a lot. Some features on the page:

• Users will only be able to swipe the testimonial with Arrow Left, Arrow Right, A and D keyboard to swipe the testimonial.
• Added a touchevent touchstart event and when the user touch the left screen of testimonial it will swipe to left side and vise-versa.
• Added a Escape and touch overlay to exit the hamburger menu.
• First time using with Intersection Observer API, this API is detecting if an object has entered the viewport. When the user will not able to see the hero section the header will become sticky on top of the screen.

Feedback is welcome and appreciated!. Let me know of any issues you find. Thanks in advance.

Hey! This is my 22th frontend mentor challenge.

It's really been a while since I completed another challenge because busy in school work. This challenge is really satisfying and improve my CSS skills into another level.

Some changes in my folder because I'm not in my usual desk and I used different laptop.

• No git that's why I used @import instead of @use my scss file.
• I got an error when I run gulp terminal . The term 'gulp' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1.

Feedback and Suggestion is very welcome.

Hello, It's been a while everybody! 👋

This is my 21th and 2nd Intermediate challenge. It was one of the most enjoyable challenges I have done so far. It really great to practice JS in this challenge, as usual I learned a lot by making this challenge and discovered many things like:

• Added a Escape keyboard for exiting the navbar and by clicking the overlay
• Added a a and d keyboard for sliding the images and also ArrowRight and ArrowLeft
• Making the JavaScript and CSS code DRY as much as I can.

feedback is welcome and appreciated!. Let me know of any issues you find. Thanks in advance.

Hello👋

This is my 20th frontendmentor challenge. At first sight I really thought it easy but I guess It's not, because this is the first time I encounter double email validation, but still with some experiment and playing around I did it.

Feel free to drop you feedback and suggestion, I really appreciate it.

Thanks! 😁

Hello👋

This is my 19th frontend challenge and very first advanced level challenge. This challenge was pretty fun to do, it takes me many days just to complete this advanced challenge😅 but still I discovered many things and I learn very much in this challenge.

Feel free to drop you feedback and suggestion, I really appreciate it.

Thanks! 😁

Hi Everyone!

This is my 18th frontendmentor challenge, This was really fun to do and I struggle a lot specially in aligning the pattern in hero section, Anyways first time using gulpfile for reloading a browser and I watch it from coder coder for browsersync. 😊

if you find any error or some bugs feel free to comment it, I really I appreciate you guys!👍 Happy Coding 😀

Hi This is my 17th fem challenge, I thought it's very easy challenge but It's not I guess, It took me a lot of time finishing this challenge, but I learned a lot and improve my sass architecture and some accessibility. I added ESC keyboard for exiting the modal window.

feel free to comment some error, some improvement and suggestion I really appreciate it.

Hi This is my 16th fem challenge and my first Intermediate challenge, as usual I really learn a lot specially in my sass architecture and also getting familiar with grid layout. First time using @use in sass, It's really cool using it.

I appreciate your feedback and suggestions. Thanks

It's been a while since I submit a solution, It a simple challenge but it's a lot of fun.

Feedback and Suggestion I appreciate it.

This is my 14th fem challenge. I got headache for positioning in this challenge but I really learn a lot. I add a simple animation in this project, I hope I got feedback and suggestion thanks in advance.

It's been a while since I submit solution, as usual this challenge is fun and I learn a lot.

Feedback and suggestion I appreciate it.

Hi, this is my 12 fem challenge, this challenge is fun and I really learn a lot.

Feel free to drop your feedback and suggestion.

Hi! This is my 11th Frontend Mentor challenge, and It's really hard for me but It's fun.

I have several question: Does It look good on desktop view. Does It look good on mobile or tablet view.

thank you in advance. Suggestion and Feedback I really appreciate it.

This is my 10th fem challenge. I don't know why but this challenge really gives me a headache hahaha still needs an improvement.

Suggestion and Feedback I really appreciate it.

Hi, This is my 9th fem challenge, I can't believe that I finished this challenge. I was hesitant to do this at first because I think it still not at my level but can't believe I made it :)

but some things that need to improve I still can't do in JS like :hover state when the color was change,

Hope I got feedback or suggestions from senior :)

Hello! This is my 8th fem challenge. My mobile first web, any feedback and suggestion is welcome

Hello, this is my 7th challenge and first time using grid layout this challenge is so fun and it takes 3 hours for me to complete this challenge.

Feel free to drop your suggestion or feedback. ^^

This challenge is really fun, It's really help me realize the importance knowing the grid layout, because of this challenge I will now studying the grid layout.

Feel free to drop your suggestions about this solution of mine.

I like to hear your suggestions about this solution of mine. This is my first time creating landing page and it takes 2days to complete it, and I kinda feel not great about this challenge maybe I needed to study more.

I'd really appreciated If you see any issue, feel free to point it out. :)

Hi everyone, I'd really appreciate your feedback and suggestion especially in JavaScript. This is my first challenging the junior level with JavaScript. I'm newbie to JavaScript.

Hi, Everyone this is my third time submitting project. Newbie here! I'd really appreciate your feedback and suggestion. Thank you! advance :)