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
- Submitted 2 months ago
crowdfunding-product-page-main
#react#typescript#framer-motion- HTML
- CSS
- JS
I 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 :)
- Submitted 2 months ago
contact-form-main
#typescript#react- HTML
- CSS
- JS
I 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:?
- Submitted 3 months ago
loopstudios-landing-page-main
#react#tailwind-css- HTML
- CSS
- JS
Any feedback would be greatly appreciated!
- Submitted 3 months ago
insure-landing-page-master
#react#tailwind-css- HTML
- CSS
- JS
Any feedback is appreciated
- Submitted 3 months ago
pricing-component-with-toggle-master
- HTML
- CSS
- JS
I would appreciate feedback on improving my codes
- Submitted 3 months ago
social-media-dashboard-with-theme-switcher-master
#react#tailwind-css- HTML
- CSS
- JS
Any feedback is appreciated
Latest comments
- @Z3ra33Submitted 24 days ago
- @Z3ra33Submitted 24 days ago
- P@Masseh2025Submitted about 1 month agoWhat 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.
- @MahmoodHashemSubmitted 3 months agoWhat 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
@khaduj03Posted 3 months agoWow, it's an amazing project! Absolutely fantastic!🔥 Keep shining bro👏😁
Marked as helpful1 - Advanced React Patterns and Architecture:
- @electr0spaceSubmitted 3 months ago@khaduj03Posted 3 months ago
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!
0 - @t24michaelSubmitted 3 months ago@khaduj03Posted 3 months ago
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 helpful1