@Delz-create
Latest solutions
DevJobs App
#react#vite#vitest#sass/scssPSubmitted 2 months agoOptimizing React Query implementation: I'd appreciate guidance on implementing more advanced patterns like optimistic updates and infinite scrolling for the job listings.
Accessibility improvements: I want to ensure the application is fully accessible but could use help with proper ARIA attributes and keyboard navigation, especially for the filter components.
Performance optimization: While the application performs well for the current dataset, I'd like advice on how to handle larger datasets efficiently, particularly with filtering operations.
Testing strategy: I need guidance on setting up a comprehensive testing approach, especially for components that rely on React Query and TanStack Router.
Filter UX enhancement: I'd like feedback on improving the filter interaction and potentially implementing saved filters or search history functionality.
Personal Blog
#astro#sass/scssPSubmitted 4 months agoPerformance Optimization for Astro SSR: While the project is mostly static, some elements like blog pagination could benefit from better SSR strategies instead of being handled entirely on the client.
More Efficient Category Filtering & Pagination Handling: Right now, category filtering and pagination rely on client-side JavaScript updates. A more efficient state management approach might be beneficial to avoid redundant fetch requests.
Potential Improvements in Accessibility & SEO: While I followed semantic HTML and ARIA best practices, I’d appreciate a review of how accessible the site is, especially for keyboard navigation and screen readers.
Body Mass Index calculator
#web-components#sass/scssPSubmitted 4 months ago-
Improving input validation: Would love feedback on better ways to validate height and weight inputs (e.g., handling extreme values gracefully).
-
Optimizing the component structure: Open to suggestions on making the BMI calculator more reusable in other projects.
-
Adding unit tests: Since there's only one standalone web component, is there an efficient way to test it without a full JS framework?
-
Newsletter Signup Form
#web-componentsPSubmitted 5 months agoWhile the project is well-structured, I’d like feedback on:
Accessibility: Are there improvements I can make to ensure the form and interactive elements are more accessible? Error handling: Right now, form validation only checks for a valid email format. Should I implement additional validation, such as checking for disposable email addresses? Performance optimizations: The event-driven approach is working well, but is there a more efficient way to handle component updates?
Latest comments
- P@cepoumian
Hi Daniel. Good job. I few suggestions:
- Set an event listener for "DOMContentLoaded" in your script. Check docs (https://developer.mozilla.org/en-US/docs/Web/API/Document/DOMContentLoaded_event)
- Try modularizing your JS code and possibly leveraging web components instead of relying on a monolithic script.
- Pay more attention to formatting and consistency, specially in CSS stylesheets.
- Try to match text colors and sizes closer to the design, specially for the body copy, it looks lighter.
- Make your image responsive. You can use the picture and source tags like this: <picture> <source srcset="/assets/images/illustration-sign-up-mobile.svg" media="(max-width: 697px)" /> <img src="/assets/images/illustration-sign-up-desktop.svg" alt="Illustration" class="bg-image" /> </picture>
Kind regards and good luck!
- @FaojulazimP@cepoumian
Hi Faojul. Great job. The solution is faithful to the design and looks good at all resolutions. A few suggestions:
- Consider paying more attention to code organization and formatting.
- Try to make your code more modular.
- Consider using web components.
- Consider separating your css in layers.
- @bilalahmad606P@cepoumian
Hi. Good job. A few suggestions:
- Be careful to match all headings' font families and sizes.
- You can add space between a list item's marker (bullet or number) and its text by adding padding-left to the list item.
- @manueldinisjuniorP@cepoumian
Faithful to the design. Animations on buttons. Good CSS organization. Not many suggestions. Possibly, accessibility and html semantics could improve a bit. Very good job overall.
- @tiobilaP@cepoumian
Hi Abelardo. Great job. Here are some recommendations:
- Move your styles to a CSS file
- Be more mindful of formatting
- Take advantage of custom properties Congrats!
- @EuskindarWhat are you most proud of, and what would you do differently next time?
I am proud to have been able to complete this challenge in a short time, using some new tools and implementing new aesthetic elements that improve the design, understanding their use. I need to improve the organization of elements and better understand how to distribute them.
What challenges did you encounter, and how did you overcome them?The main challenge to overcome has been to revisit the basics and understand again how the elements are arranged on the page. I have been able to research and recall the knowledge that I had almost forgotten in my memory.
What specific areas of your project would you like help with?I would like to perfect the basics. To understand, when looking at a page, the elements I will need and how to distribute them on the screen depending on the needs.
P@cepoumianGreat job. You did considerable extra work that adds to the presentation of the component. Some suggestions:
- leverage CSS layers to organize your stylesheet
- consider using more custom properties
- use logical properties (inline, block, etc.) instead of properties that would only work in horizontal-tb writing modes (e.g., margin-block-start instead of margin-top).
