Moustafa essam
@moustafaessamAll comments
- @Kanchana-KaushalP@moustafaessam
Great solution and accessibility is great.
- @Kanchana-KaushalP@moustafaessam
Great Work!
- @Gbw699P@moustafaessam
Great Solution
- @codi-AndreP@moustafaessam
Great solution especially for using details and summary HTML tags.
- P@reaperxyndromeWhat are you most proud of, and what would you do differently next time?
I am proud of the overall look and how I have improved compared to last time. I would try to use a component library or a CSS pre-processor next time instead of using TailwindCSS.
What challenges did you encounter, and how did you overcome them?The challenges I encounter are mainly deployment. I overcome them by looking up documentation about Vercel.
What specific areas of your project would you like help with?Any feedback regarding difference between design and actual implementation is very much appreciated. Also any suggestions to make the design better is also welcome.
P@moustafaessamGreat solution, Keep it up!
- @lingowmxP@moustafaessam
Great solution Caleb but here some things caught by attention:
- Make the webpage more interactive for small screens by using media queries
- @Sandaruwan7056P@moustafaessam
You did great job and I liked the spinner design when loading.
- P@MathiasHun1What challenges did you encounter, and how did you overcome them?
Positioning the background image of the footer was a pain, It's kinda OK now, but the css is a mess
What specific areas of your project would you like help with?1. Managing the 5 given text styles in a react + sass app. How could I make it more managable? My current solution is definietly not good with the mixins. 2. How to display the footer's background image for all screens? I feel like there is an easy solution, but haven't figured it out yet
P@moustafaessamGreat work and I also liked your scss styling you can explore other styling options like styled components or tailwind.
Marked as helpful - @hartselwynWhat are you most proud of, and what would you do differently next time?
Im mostly proud of my grid positioning, Next time I'd figure how to do it faster
What challenges did you encounter, and how did you overcome them?I particularly encountered a challenge in positioning the boxes beneath the first and second boxes giving the fact that the height of the boxes were overlapping
What specific areas of your project would you like help with?None particularly
P@moustafaessamgreat work bro and good that you made the code minimal without repeating the components
- @toghrulabdullayevP@moustafaessam
The preview site is not working with me.
- @PRANTO-XP@moustafaessam
Great work and I liked the animations.
- P@thibault-devergeWhat are you most proud of, and what would you do differently next time?
This was my first solo project using the Context API for state management alongside TypeScript. While I’m not entirely satisfied with my code and its overall organization, I realize a more detailed component structure and plan from the start could have improved the final result. That said, I tackled the challenge and reached a decent outcome, so I’m okay with the result. My code isn’t terrible, but I see room for improvement, especially in component structure and organization.
What specific areas of your project would you like help with?Everything that could be helpful, thanks :)
P@moustafaessamMan the website is perfect in my opinoun it is very responsive and you handled the state management well.
- @DandyHypeP@moustafaessam
perfect and you also applied lazy loading which is more than perfect.
Good Luck.
- @RegisMichael25P@moustafaessam
Add the icon images to the website and follow the same box order in the design, you can use tools like flexbox or grid and to make it more responsive use tools like flex-shrink , max or min for width and height , etc.
- @rtambuntWhat are you most proud of, and what would you do differently next time?
In this project, I'm most proud that I learned a new skill of responsive images with the tag and srcset + sizes properties. I was able to apply to display images with different aspect ratios depending on the viewport size
What challenges did you encounter, and how did you overcome them?The main challenge was learning whether to use srcset + sizes or the tag. A YouTube video and a couple MDN document pages later, and I decided the tag was most appropriate for displaying different aspect ratio images.
What specific areas of your project would you like help with?If there is any concept or tool that might make my design better, please let me know!
P@moustafaessamGreat job but i may say you can divide your code into more components is better in my opinioun.
Good Luck
- @n0wherefastWhat are you most proud of, and what would you do differently next time?
project done with next.js and tailwindcss
P@moustafaessamTry to make the component bigger and make it responsive in the mobile by following the mobile design.
Great Job.
- @breguenice3P@moustafaessam
Nice job bro, Just try to make the profile card larger like the design
- @SoheilTajikP@moustafaessam
You should have changed the font size of the texts and the image size for the mobile design.
You can use media queries for that.