Frontend Mentor | BettoRaite's profile

Łukasz•50

@ShmitU1Submitted about 2 months ago

countries-page

1

BettoRaite•120

@BettoRaitePosted about 2 months ago

Very good work! Impressive.

Things I liked:

Cards appear so smoothly, amazing fade-in and out effects.
The animation of filter menu is just insane! (tho, I'd probably lower the delay a bit)

Things I did not like:

The only think I would like to note is the font size of the website title on mobile, it seems a bit too small.

Further growth: Try to go beyond and add your own stuff. Show off your talent.

List of features that you could add:

Level 1

When you type country names, it would be nice if relevant parts(to search query) in country name would be highlighted.
Pick better font.
Add a simple landing page.
Play a bit with colors, try to find a stunning color pallete that matches website idea.
Improve cards, make them more attention catching.

Level 2

Try adding auth(maybe pick firebase).
Let users to 'like' their country or any other.
Let users add comments.

These are just some of ideas that I could come up with, I'm sure you can do it better than me!

Marked as helpful

1

samsimsan•30

@samsimsanSubmitted 2 months ago

What are you most proud of, and what would you do differently next time?

I'm most proud of the different ui states of the input boxes. I learnt how to use them based on the user's interaction.

I felt I did a brute method for the state management and form validation. Would like to refine it the next time. I will use Zod for the form validation.

What challenges did you encounter, and how did you overcome them?

Form validation became a bit challenging. I didn't want to show the inputs as numbers as it gives a inc/dec btn at the end. so I kept them as text, so performing math equations were tough, as I had to decide at what point to convert the strings to numbers.

Mortgage_repayment_calculator - next js 14, tsx, shadcn

1

BettoRaite•120

@BettoRaitePosted 2 months ago

Things I like:

Nice website responsiveness (mobile, tablet, pc).
Good padding/margin.
Text looks pleasing.

Things I do not like:

No hand pointer on mortgage type options except input itself.
No transition of inputs from base form to focused.
No hand pointer on calc button.
result hint is a bit hard to read. (bigger font-size)

Personal recommendation: Think you can make the challenge harder? Not the type of completed, forgot it. (well you decide, mb, want better challenge.)

Btw, zod is cool. Definitely give it a try. You can start with the official docs.

1

Bharat Kumar•120

@bharatkumar02Submitted 2 months ago

What are you most proud of, and what would you do differently next time?

I would made this with the help of framer motion next time.

What challenges did you encounter, and how did you overcome them?

One of the challenge is for managing the navigation in this page for mobile approach.

Responsive News_Homepage using tailwind and React

1

BettoRaite•120

@BettoRaitePosted 2 months ago

Things I like:

Nicely done layout.
Hover effects.

Things I do not like:

No cursor pointer on article links, news feed.
Incorrect margin between main content and the articles below.
Too much margin between main article and title+description.
Broken navbar on mobile and tablet.
Incorrect centering of the article(the ones below) covers and their links(Positioned to the left) on mobile and tablet.

Personal recommendation: Try making the app multi-page, add something of your own, instead of just completing the challenge. You can take me as an example. Did authentication with Firebase, added persistent storage to a challenge.

0

Ansar•540

@ansarstellarSubmitted 2 months ago

What are you most proud of, and what would you do differently next time?

First time making responsive web site

What challenges did you encounter, and how did you overcome them?

It took time to understand media queries.

What specific areas of your project would you like help with?

I wanna learn more about media queries and other ways of making the website responsive!

Product Preview Card Component(responsive)

1

BettoRaite•120

@BettoRaitePosted 2 months ago

Things I like:

Looks clean.

Things I do not like:

Card text content is not wrapping on 320px, instead it's going over the container boundaries and hence I can't see what is written.
Font size is too big. (for all platforms, especially card title)
On mobile/tablets card width is touching screen edges. (Not beautiful)
No hover effects on the button, nor pointer.

Marked as helpful

0

paulDev•500

@dev-paulLSubmitted 3 months ago

What are you most proud of, and what would you do differently next time?

This was my 3rd React project. I could have finished it in one go instead of working on it for just 15 minutes at a time 😅.

I didn't need any external help (besides tailwind docs); I modified the cart logic from my previous project and improvised the rest.

I decided to create a product object with properties like name, brand, images, price, discount.. instead of hardcoding the texts, to simulate a real product page.

We could imagine that every image would have a provided alt description as well.

What specific areas of your project would you like help with?

Any feedback welcome 👍 I will keep improving and adjusting things on this project.