Frontend Mentor | Bhavik Thakur's profile

Latest comments

P
Andrey•4,580
@dar-ju
Submitted about 2 months ago
What are you most proud of, and what would you do differently next time?
Completed bonus tasks:
- Drag and drop to reorder items on the list
- Build this project as a full-stack application
What challenges did you encounter, and how did you overcome them?
Setting up the interaction of three services - GitHub Pages (front), Render (back) and MongoDB (db) was really difficult. Setting up cookies and cors was not possible for me without the help of AI.

Errors are shown to the user only during authentication. Todo errors were set up, but without rendering on the page.

I used the free plans of Render and Mongodb, so there may be long query processing times.
What specific areas of your project would you like help with?
In terms of the project structure, I may have overcomplicated it.
Full-stack Todo app
#express#mongodb#pinia#sass/scss#vue
2
Bhavik Thakur•320
@bhavikthakur
Posted about 2 months ago
Awesome! I like your work. You are doing great, keep it up!
P
j3dd3rs•90
@j3dd3rs
Submitted 2 months ago
What are you most proud of, and what would you do differently next time?
That I managed to figure out a few problems by myself by searching around. I also managed to come back to it the following day a bit more rested to finalise the last bit on the image overlay I think needed adding, or at least made it look better.
What challenges did you encounter, and how did you overcome them?
Getting the image to properly display with an overlay. I googled around and found some solutions. Also on how to display two types of images. I couldn't find the best responsive way for only loading the one image, instead settling for classes to sort it.
What specific areas of your project would you like help with?
Is there a way to make the image responsive part better?
Responsive Product Card with Flexbox
2
Bhavik Thakur•320
@bhavikthakur
Posted 2 months ago
Great job! Your code looks nice, I'd suggest you to try the source tag and define width and change the image as per the viewport of the user's device.
Bhavik Thakur•320
@bhavikthakur
Submitted 3 months ago
What are you most proud of, and what would you do differently next time?
I was able to complete the challenge with almost no help except age calc function.
What challenges did you encounter, and how did you overcome them?
Calculating exact age so I had to take some help from ChatGPT. Also, the logic isn't fully correct yet so I will polish code more and optimize it with better logic.
What specific areas of your project would you like help with?
Feedback would be appreciated.
Age calculator with vanilla JS
2
Bhavik Thakur•320
@bhavikthakur
Posted 3 months ago
Absolutely! You are right to point this out. I'd certainly fix this. I learn by building, actually, so I just watched one video about a date object and implemented it. I went the hard way, probably wrote a few extra lines of code. Thanks for letting me know, I'd wrap my head around date objects and regular expressions now, and try to optimize the code. Appreciate your feedback, Andrey! Keep them coming :))
ZVM7•280
@ZVM7
Submitted 3 months ago
What specific areas of your project would you like help with?
Feedback is appreciated, thanks
faq page HTML/flex/JS
1
Bhavik Thakur•320
@bhavikthakur
Posted 3 months ago
Your solution is working nicely! Just two things:
1. All your answers are hidden; however, in the original challenge, we keep the first answer open by default.
2. Your solution is great for large screens, but there is a breakpoint at 550px, the website gets too small and messy, which is completely fine if you haven't touched responsive design yet. Just wanted to highlight so that you can work on it. You have done a great job overall, cheers!
P
Austin Tanksley•80
@austin-tanksley
Submitted 3 months ago
What are you most proud of, and what would you do differently next time?
I think I matched the reference pretty well
What challenges did you encounter, and how did you overcome them?
Whether to use grid or flexbox
What specific areas of your project would you like help with?
Animation
Social Links Profile
2
Bhavik Thakur•320
@bhavikthakur
Posted 3 months ago
Nice! You were able to code the design and looks pretty good. I have a few suggestions:
1. try and use anchor tags for each button so that it will be semantically correct and better accessibility
2. It'd be great if you add a hover effect on links with the provided color as the background color for links
3. Add some description in alt attribute for screen readers and SEO.
4. To make it even better and genuinely responsive, add some margin to the left and right for the smaller screen so that it won't touch the viewport or keep width, say, 90% to leave some gap.
  Overall, your work is great. All the best! Keep coding! :)
jarthurofv•280
@jarthurofv
Submitted 3 months ago
What specific areas of your project would you like help with?
Help with the responsive part. Does it look good?
single price grid component
1
Bhavik Thakur•320
@bhavikthakur
Posted 3 months ago
Hi! Your solution is working nicely, you are doing well! I have a few suggestions:
1. Your main card is changing direction from row to column which is nice but it is touching the viewport which isn't a good experience so you might want to use max-width and width to control the width dynamically and use margin auto to center the card. Try this card max-width: 650px ; width:90% (so it won't touch the viewport) margin: 0 auto; (This will make sure your card will stay center while shrinking and even on larger screens)
2. Avoid using h2 without h1. For accessibility reasons, use at least one h1 before using h2. In my personal opinion, feel free to ignore it. Your work is really nice. All the best!