@echocode1Submitted 29 days ago
What are you most proud of, and what would you do differently next time?
using api is what i love and the whole project with dark mode is a teaser .i love the challenge and being able to complete it is also a plus
P
Sam Hooker
@35degreesAll comments
- @35degreesPosted 2 days ago
Nice work! I don't use React and I'm limited with TS so I can't comment on those parts of your code, but your router is very professionally done. When I search for a flag, I can't open the country details, just UI thing. Amazing work, looking forward to seeing your next project.
Marked as helpful1 - @celemarSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
My ability to manage validations, particularly those involving numbers, was honed through this project, and I'm happy with the way I was able to present error messages that were in line with the schema. In the future, I would use an external library like numeral.js for formatting numbers.
Mortgage Calculator - Next.js + React Hook Form + Zod
#accessibility#next#typescript#zod#tailwind-css@35degreesPosted 7 days agoNice job! Really clean look and feel. Works great. When the red error alerts pop up, they expand the height of the entire container very abruptly, maybe there's a way to account for their height using opacity and not have the entire box size change? Otherwise, it's great work, looking forward to seeing your next contribution.
Marked as helpful1 - @JonathanP4Submitted 5 months agoWhat are you most proud of, and what would you do differently next time?
Been a long, long time since i last completed a frontend mentor challenge, this time i tried using svelte instead of react and i gotta say, i absolutely loved it! Definently will start learning it. About the solution, i hope it looks fine, any feedback or good resources for learning svelte are welcome! ;)
@35degreesPosted about 1 month agofantastic work. I love the Svelte + Tailwind combo, I also used that. Great job with the store and all the details, I took a lot from your code. Only nitpick I find is that the order confirmation modal flickers to the top of the screen when you close it but that's all. Thanks for sharing!
0 - @OswalldSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
First time with vue.js
@35degreesPosted about 2 months agoNice job, super clean code. It doesn't look like you did the responsive part of the design.
1 - @hikawiSubmitted 2 months agoWhat challenges did you encounter, and how did you overcome them?
I had some styling issues since with focus controls, there's still a little radio button appearing on firefox even with putting appearance-none, so I used buttons with role radio instead, which is kinda bad. Even tho the clock type thing to switch from pomodoro to short break, etc. is still using radio because I'm too lazy to change that.
@35degreesPosted about 2 months agoThis is awesome, great job with the timer circle and adding the multiple languages. I want to learn Astro. The tech is really well done, my only comments are on the layout. I have a tall screen so the elements are very far apart on it, maybe have them closer together? Maybe show the default timers instead of 0:00 display before they start? Amazing work!!
1 - @theschmockerSubmitted over 2 years ago
I had a tough time getting the masonry layout to work well. Libraries didn't quite do the design justice, nor did various CSS Grid-based workarounds. There were a couple of other CSS-only solutions that could maybe have worked, but felt hackier than what I ended up with. The main problem with my solution is tab order--it goes down each column rather than left-right through the "rows".
Getting the transitions to run correctly when moving forward/backward through the "slides" was a challenge, but overall, working with animations/transitions in Svelte is really nice.
The site is prerendered and (I think) totally usable without JavaScript enabled
@35degreesPosted about 2 months ago*** oops just saw you did this one two years ago lol ***
Heyyy! I knew right away you used Svelte, very nice site and clean, smooth transitions. You nailed the gallery image load transition.
For your slideshow, I have a solution for the wonky 'two elements in the DOM at once' issue that forces vertical space and makes your page flicker. Here's a REPL example: https://svelte.dev/playground/92647d0aa8d94aae84e70e374405233d?version=5.1.9
Keep it up!
0 - @ayomikuolarewajuSubmitted over 1 year ago@35degreesPosted 2 months ago
Nice job using Svelte and Tailwind, I think those are the libraries of the future, good to get fluent in them. I noticed the images didn't load on your live site and I have the same issue. What I do is after the first push to Github, I'll go into my Github files and replace the images in my code with the raw image link (like https://github.com/35degrees/space-fem/blob/main/src/lib/assets/home/background-home-tablet.jpg?raw=true) and it works. Annoying extra step but it does the job. You have some mobile size layout overlap when the screen size is too small and the elements overlap, Tailwind has some great resources for that.
0 - @35degreesSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
I'm proud that I used anchor positioning for the first time (using it on the mobile hamburger menu). I strengthened my a11y code with strong use of semantic headers.
What challenges did you encounter, and how did you overcome them?ensured the page was SR friendly
@35degreesPosted 3 months agoVery helpful feedback, I appreciate the insight and support!
0 - @35degreesSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I wasn't that excited about using Tailwind but I'm so glad I did. It's a clean, efficient and sometimes fun way to write code. It makes container sizes so easy.
What challenges did you encounter, and how did you overcome them?Getting animations right was challenging but I like a few that I came up with, like the FAQ dropdown.
What specific areas of your project would you like help with?Any feedback is welcome to improve my skills.
@35degreesPosted 3 months agoI appreciate the feedback! Your detailed review is helpful to my development, I will look into these issues.
0 - @sudhanshusingh-gSubmitted 3 months ago@35degreesPosted 3 months ago
Wow, really nice site! The animations are cool like the rotating arrow in FAQ. Your code is very clean and you seem very comfortable and efficient with Tailwind. The desktop width goes really large, out to 2000+ px so maybe you could put a max desktop width on it, but I can't find any feedback outside of that, very impressive.
0 - @marcfrancissSubmitted 3 months ago@35degreesPosted 3 months ago
Nice job with the mobile menu overlay and making it the perfect desktop size. Maybe set the desktop and mobile elements to a fixed width? The layout gets jumbled on smaller sizes with some elements overlapping text, making it hard to read.
Marked as helpful0 - @mariotbg11Submitted almost 2 years ago@35degreesPosted 3 months ago
I can't see your layout, looks like your Netlify link is down. In your code, I like how you separate media queries into their own folder and your accessibility and syntax header structure looks organized.
0
