Ribika Yonas• 170
@ribikaY
Submitted
I've learned a lot while working on this challenge. Feel free to provide any reviews or feedback; it would be greatly appreciated.
Dipu
@immdipu
All comments
- Dipu• 430
@immdipu
Posted
Everything looks good! You could enhance by implementing a debounce function to wait for the user to finish typing before processing the search.
Marked as helpful
0 - Alberto Ledesma• 370
@ledesmx
Submitted
Hi everyone 👋
I used the URL Shortener Service from Rapid API.
Additional features:
- Links are saved in local storage.
- Hit the Enter key to send the link.
- Feature to remove the link.
- A better error handling when:
- The URL is empty.
- The URL is invalid.
- The rate limit has been exceeded.
All feedback is appreciated. Happy coding ✌️
Dipu• 430@immdipu
Posted
Everything seems to be going smoothly. To further enhance the user experience, consider implementing animations when adding or removing links in the list. You could utilize a library like https://auto-animate.formkit.com, which simplifies the process to just a few lines of code while providing effective animations when adding or removing links from the list
Marked as helpful
0 One of the challenges I faced arose from the fact that i was changing the display property of divs using javascript. This was overwriting my CSS styles since javascript inserts styles inline. To get around this, I refactored my code so that the javascript would simply toggle a ".visible" class. The properties of this class I manipulated in my CSS.
One thing I'm insure of is how to best organize my CSS file, I will be looking into best practices on how this is done, but would love some feedback too.
Dipu• 430@immdipu
Posted
Everything is perfect. One way to enhance the user experience is by eliminating the shift in the DOM element position when an option button is clicked. Currently, when a user clicks on any option, a border appears, causing a slight shift in DOM elements. One solution to address this issue is to maintain the border by default for all options, setting its color as transparent initially to keep it invisible. Upon a user click, the border color can be changed from transparent to any other color, thus preventing the noticeable shift in DOM elements.
Marked as helpful
1- Burak Köstekli• 510
@BurakKostekli
Submitted
all feedbacks are welcomed
Dipu• 430@immdipu
Posted
i think you are validating the email while the user is typing because when i typed the first letter the border color changed to red. i believe that means incorrect email. it would be better if you validate only when the clicks on submit button.
0 - Watership 🌊• 320
@Watership6
Submitted
Hey, I am Jet Black also known as Crow🙋♂️. And this is my solution for the notifications webpage challenge. 🚀
Goals Accomplished ✅:
- I was able to get better with svelte and tailwind css
- I got more practice with building better code quality webpages
Built With🪄:SVELTEJS✔️TAILWINDCSS✔️
Overall, I really liked this challenge, and would appreciate any feedback that's given. ❤️JetBlack12 🙋♂️
Dipu• 430@immdipu
Posted
Looks good. just add padding on the top and bottom. Best of luck.
0 - Agustín Firpo• 500
@Arfirpo
Submitted
Frontend Mentor - Single price grid component solution
Links
- Solution URL: Github - Repository
- Live Site URL: Solution - Github Page
Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
What I learned
i take advantage of this challenge to improve my grid display skills.
Useful resources
- imagecolorpicker.com - this page helped me to get the values of those colors that were not specified in the style guide
Author
Dipu• 430@immdipu
Posted
Looks fine. Best of luck for next challenge.
0 - Yash Chopra• 90
@YashChopra25
Submitted
I faced problems to make it responsive and validate on email.
Dipu• 430@immdipu
Posted
its responsive and i suggest you to use regex for email validation. don't worry too much about regex for now if you don't know about it. you probably won't use much it later. just ask ChatGPT how to validate email using regex.
Marked as helpful
1 @AliveOrdinary
Submitted
Feedback is appreciated; I haven't added hover states, and I am confused about how to make the delete button appear when I hover around the div.
Dipu• 430@immdipu
Posted
There is a small bug. In completed tab when clicking clear completed the completed todos are deleted but then uncompleted todos shows up there. And about making deleted button appear on hover its pretty easy with tailwind. just add a group class to the parent element and use group-hover: property to show when hovered. group is a built in class of tailwind. read the documentation you will understand.
0- Ameya kawade• 30
@Cool-developer-975
Submitted
Any suggestions to improve?
Dipu• 430@immdipu
Posted
Everything looks good. Best of luck
0 - Fareda Elsayed• 150
@FaredaElsayed
Submitted
I hope to get feedback to help me improve my skills.
Dipu• 430@immdipu
Posted
When hovered over the submit bottom a tiny gap can be seen in left and right side of gradient background probably because of the border. i guess removing border will fix it. Rest looks fine.
Marked as helpful
0 - TANJIRWEBDEV• 140
@TANJIRWEBDEV
Submitted
Feedbacks will be appreciated
Dipu• 430@immdipu
Posted
Everything looks good. Best of luck for the next challenge.
1 - Felipe Stefani• 330
@felipestefani
Submitted
Hey, guys!
Once more, I did the project vue based to fix code contents. This was a simple layout project, but the data calculation is very tough!
I did a lot of research to learn and to implement my solution.
I hope that you all like it, and, like always, if someone have any tips or opinion to give, I'll be pleased!!
Thank you!
If you wanna know me better, this is my instagram: @felipestefani
Dipu• 430@immdipu
Posted
its awesome. you can make it more better by adding a clear button to clear the input.
1
