@Z3ra33
I am a passionate learner, always eager to improve my skills and take on new challenges. I enjoy coding, particularly in web development, and am excited about creating user-friendly solutions. I am constantly growing and striving to become a better developer.
I’m currently learning...React.js and Next.js
Latest solutions
crowdfunding-product-page-main
#react#typescript#motionSubmitted 6 months agoI would really appreciate it if someone could review my code and guide me on how to write cleaner and more efficient code. I’m eager to improve my coding skills and learn best practices :)
contact-form-main
#typescript#reactSubmitted 6 months agoI used Vite in this project, but I faced an issue when trying to use Tailwind CSS :( I followed the installation steps, but it didn’t work :/ Can anyone help me set up Tailwind CSS with Vite correctly:?
loopstudios-landing-page-main
#react#tailwind-cssSubmitted 6 months agoAny feedback would be greatly appreciated!
pricing-component-with-toggle-master
Submitted 6 months agoI would appreciate feedback on improving my codes
social-media-dashboard-with-theme-switcher-master
#react#tailwind-cssSubmitted 7 months agoAny feedback is appreciated
Latest comments
- @khaduj03
Niceeeee dear just keep going 👏😍
- @Z3ra33
- @Masseh2025What are you most proud of, and what would you do differently next time?
The thing I'm most proud of is that I succeeded in finally completing this project after a week. One thing I would do differently would be to start off small and test things relating to the project instead of starting off big then getting confused when somethings not working.
What challenges did you encounter, and how did you overcome them?I overcame a filtering error. I overcame it by testing out differn't solutions and debugging it.
What specific areas of your project would you like help with?Any feedback is helpful even if it's small and does not matter as much.
@khaduj03Nice approach! 👏
- @MahmoodHashemWhat are you most proud of, and what would you do differently next time?
I learned:
- Advanced React Patterns and Architecture:
- Custom hooks for centralized state management 🪝
- Service layer to separate business logic 🔄
- Layout component patterns for a consistent UI 🎨
- Modern Animation Techniques:
- Coordinated layout animations using LayoutGroup 🎉
- State Management Best Practices:
- Efficient updates with useCallback ⚡
- Clean state reset procedures 🔄
- Centralized game logic 🎮
- Sound Implementation:
- Audio feedback system 🔊
- Management of sound effects 🎶
- Component Design:
- Dynamic positioning systems 📍
- Flexible layout structures 🏗️
- Code Organization:
- Clear separation of concerns 📂
- Management of constants 🛠️
- Service-oriented architecture 📊
- Maintainable file structure 📁
- Game Logic Implementation:
- Rule-based winning conditions 🏆
Any feedback is appreciated
@khaduj03Wow, it's an amazing project! Absolutely fantastic!🔥 Keep shining bro👏😁
Marked as helpful - Advanced React Patterns and Architecture:
- @electr0space@khaduj03
Hey, great job! However, on my desktop view, the testimonials don't seem aligned properly in a single row. Instead of using flex-wrap, you could use flex-row to ensure they appear in a row on desktop. Please test it in desktop view.
Anyway, great job, and good luck!
- @t24michael@khaduj03
Cart Width Issue 🛠️: The cart’s width is currently set to 50%, which is causing the content to overflow. Increasing the width to 80% will provide better design and layout.
Calculate Button Behavior: When clicking the "Calculate" button multiple times, the page behaves like a toggle, which is not the desired functionality. Clicking twice should not reset the page unnecessarily.
Clear Functionality: When clearing the page, both the result and the illustration should reset. However, this is not happening in the current implementation.
Using add and remove Instead of toggle: The toggle method is not suitable here. It’s better used when you want to add a class if it doesn’t exist or remove it if it does. For handling the calculation and clear actions, use add and remove to explicitly manage class changes for better control.
Clear Function for Resetting: Implement a clear function to reset the result and display the illustration when the page is cleared. This will improve the user experience.
You’ve made a great effort so far. Keep learning and improving! Best of luck in your future projects.😊🌟
Marked as helpful
