I've learned a lot while working on this challenge. Feel free to provide any reviews or feedback; it would be greatly appreciated.
Dipu
@immdipuAll comments
- @ribikaYSubmitted about 1 year ago@immdipuPosted about 1 year ago
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 helpful0 - @ledesmxSubmitted about 1 year ago
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 ✌️
@immdipuPosted about 1 year agoEverything 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 helpful0 - @rainSaxSubmitted about 1 year ago
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.
@immdipuPosted about 1 year agoEverything 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 helpful1 - @BurakKostekliSubmitted over 1 year ago
all feedbacks are welcomed
@immdipuPosted over 1 year agoi 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 - @Watership6Submitted over 1 year ago
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 🙋♂️
@immdipuPosted over 1 year agoLooks good. just add padding on the top and bottom. Best of luck.
0 - @ArfirpoSubmitted over 1 year ago
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
- @YashChopra25Submitted over 1 year ago
I faced problems to make it responsive and validate on email.
@immdipuPosted over 1 year agoits 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 helpful1 - @AliveOrdinarySubmitted over 1 year ago
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.
@immdipuPosted over 1 year agoThere 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 - @Cool-developer-975Submitted over 1 year ago
Any suggestions to improve?
- @FaredaElsayedSubmitted over 1 year ago
I hope to get feedback to help me improve my skills.
@immdipuPosted over 1 year agoWhen 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 helpful0 - @TANJIRWEBDEVSubmitted over 1 year ago
Feedbacks will be appreciated
- @felipestefaniSubmitted over 1 year ago
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
@immdipuPosted over 1 year agoits awesome. you can make it more better by adding a clear button to clear the input.
1